Accordion

UI

Collapsible content sections built on Radix UI with animated expand/collapse.

[EXAMPLES]

Single Collapsible

[PROPS]

PROPTYPEDEFAULTDESCRIPTION
type"single" | "multiple"Allow one or multiple open sections
collapsiblebooleanfalseAllow closing all sections (single mode)
defaultValuestring | string[]Initially open sections

[ACCESSIBILITY]

KEYBOARD SHORTCUTS

KEYACTION
Enter / SpaceToggle section
Arrow Down/UpNavigate triggers

ARIA

  • >aria-expanded on triggers
  • >aria-controls linking trigger to content