Accordion
Single or multiple disclosure panels.
Loading interactive example
Use Accordion to reveal optional supporting content while keeping the page outline visible. Panel height animates during expansion and collapse. Reduced motion changes visibility immediately.
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
answer | Snippet<[AccordionItem]> | snippet | No | undefined |
items | AccordionItem[] | prop | Yes | |
multiple | Multiple | prop | No | undefined |
onValueChange | (value: AccordionValue<Multiple>) => void | callback | No | undefined |
question | Snippet<[AccordionItem]> | snippet | No | undefined |
value | AccordionValue<Multiple> | binding | No | undefined |
Examples
Source
Loading source