Accordion
싱글/멀티 확장 모드를 지원하는 헤드리스 아코디언 컴포넌트. Item, Trigger, Content 하위 컴포넌트로 구성합니다.
데모
API 레퍼런스
Accordion
| Prop | Type | Default | Description |
|---|---|---|---|
| single | boolean | false | true일 때 한 번에 하나의 아이템만 확장 가능 |
| children | ReactNode | - | Accordion.Item elements |
Accordion.Item
| Prop | Type | Default | Description |
|---|---|---|---|
| initialOpen | boolean | false | 아이템의 초기 확장 상태 |
| children | ReactNode | - | Trigger와 Content 하위 컴포넌트 |
Accordion.Trigger
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactElement | ((props: { toggle }) => ReactNode) | - | 클릭 가능한 요소 또는 toggle 핸들러를 받는 렌더 함수. aria-controls 자동 적용 |
Accordion.Content
| Prop | Type | Default | Description |
|---|---|---|---|
| ...props | ComponentPropsWithRef<"section"> | - | 모든 네이티브 section 요소 속성. 자동 생성된 id와 함께 <section />으로 렌더링 |