Accordion
Vertically stacked, collapsible sections. Use type="single" for one-open-at-a-time
(FAQ pages); "multiple" when sections are independent (filter groups, listing detail).
Default — single#
Loading…
Multiple sections open#
Loading…
With leading icons#
Loading…
Props#
Accordion#
| Prop | Type | Default | Description |
|---|---|---|---|
| asChild | boolean | undefined | — |
AccordionTrigger#
| Prop | Type | Default | Description |
|---|---|---|---|
| leadingIcon | string | undefined | — | Optional icon name rendered to the left of the trigger label. |
Accessibility#
- Each section's trigger toggles
aria-expandedand exposes the panel viaaria-controls. Radix handles the wiring. - Keyboard: Up / Down move between triggers, Home / End jump to first / last, Enter / Space toggles.
- Respects
prefers-reduced-motion— the expand/collapse animation collapses to 1ms.