Data Display
Accordion
A vertically stacked set of interactive headings that each reveal an associated section of content.
Multiple expansion#
Component props#
Accordion#
| Name | Type | Description |
|---|---|---|
| allowsMultipleExpanded | boolean | Allows multiple items to be expanded |
| expandedKeys | string[] | Controlled expanded keys |
| defaultExpandedKeys | string[] | Default expanded keys |
| onExpandedChange | (keys: Set<string>) => void | Called when expansion changes |
AccordionItem#
| Name | Type | Description |
|---|---|---|
| id | string | Unique item identifier (required) |
| isDisabled | boolean | Disables the item |