정보 더보기
단지 상세의 핵심 정보를 접고 펴요. 열림 상태는 부르는 쪽이 쥐어요.
모바일PCStatsDisclosure
고르기#
- 이 이름은 아코디언(Accordion)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.
아코디언 문서 보기 →
인터페이스#
타입에서 자동으로 뽑은 표예요.
StatsDisclosure#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| open* | - | boolean | 열렸는지예요. |
| onToggle* | - | () => void | |
| right | - | ReactNode | 펼쳤을 때 오른쪽 끝에 붙는 출처 한 줄(예: '실거래 기반 자체 산출'). |
| label | '단지 정보 더 보기' | string | 접혔을 때의 문구 - 제목이 아니라 **동작**을 적는다. |
| title | '핵심 정보' | string | 펼쳤을 때의 제목. |
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 버튼이고 aria-expanded로 열림을 알려요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |