Accordion.
Animated expand and collapse, with accessible controls.
A consistent design language for every Iconical app. Click to watch this section glide closed.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
children | ReactNode | Yes | — | — | One or more AccordionItem children. |
className | string | No | — | — | CSS classes for the accordion root. |
AccordionItem.title | string | Yes | — | — | Clickable item heading. |
AccordionItem.children | ReactNode | Yes | — | — | Expandable content. |
AccordionItem.defaultOpen | boolean | No | false | true · false | Start an item expanded. |