Accordion
A vertically stacked set of interactive headings that reveal or hide sections of content.
Usage
Multiple & Disabled
Use type="multiple" to allow several items open at once. Individual items can be disabled.
Sub-components
AccordionItem
Individual collapsible section.
| Prop | Type | Default | Description |
|---|---|---|---|
value* | string | - | Unique identifier for the item. |
disabled | boolean | - | Prevents user interaction. |
AccordionTrigger
Clickable header that toggles the content.
Slots
| Slot | Props | Description |
|---|---|---|
icon | - | Custom expand/collapse indicator icon. |
AccordionContent
Collapsible content area with enter/leave animations.