03 · Components · 콘텐츠
아코디언Accordion
자주 묻는 질문·상세 스펙처럼 기본은 접혀 있고 필요할 때만 펼쳐보는 목록. 공간을 아끼면서 스캔 가능성을 유지합니다.
StableWCAG AA
기본
MIT 라이선스이므로 상업 프로젝트에 자유롭게 사용·수정·재배포할 수 있습니다. 저작권 고지만 유지하세요.
시맨틱 토큰(--color-accent, --font-serif 등)만 갈아끼우면 전체 UI가 자연스럽게 새 브랜드로 전환됩니다.
GitHub 이슈로 제안을 열고 합의된 후 PR을 보내주세요. 자세한 절차는 소식·소통 섹션을 참고하세요.
다중 열기
allowMultiple을 켜면 여러 항목을 동시에 펼쳐둘 수 있습니다. 비교가 필요한 내용(스펙 시트 등)에 유용합니다.
MIT 라이선스이므로 상업 프로젝트에 자유롭게 사용·수정·재배포할 수 있습니다. 저작권 고지만 유지하세요.
시맨틱 토큰(--color-accent, --font-serif 등)만 갈아끼우면 전체 UI가 자연스럽게 새 브랜드로 전환됩니다.
GitHub 이슈로 제안을 열고 합의된 후 PR을 보내주세요. 자세한 절차는 소식·소통 섹션을 참고하세요.
각 트리거는 button 요소에 aria-expanded와aria-controls를 부여합니다. 패널은 role="region"이며 트리거와 aria-labelledby로 연결됩니다.
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
items | { value, title, content }[] | 렌더할 항목 배열. | |
allowMultiple | boolean | false | 여러 항목 동시 열기 허용. |
defaultOpen | string[] | 초기 열림 값 목록. |