Component
Accordion
Collapsible accordion panels with orbit hover effects. Clean, flat at rest with subtle expansion on interaction.
Single Expand Mode
With Icons
Accordion items with leading icons for better visual hierarchy.
With Badges & Status
Accordion items with status badges for quick identification.
Rich Content
Accordion with images, cards, and nested content.
Multiple Expand Mode
API Reference
Accordion
| Prop | Type | Description |
|---|---|---|
| type | "single" | "multiple" | Allow one or multiple items open |
| collapsible | boolean | Allow all items to be closed (single type only) |
| defaultValue | string | string[] | Default open item(s) |
| value | string | string[] | Controlled open item(s) |
AccordionItem
| Prop | Type | Description |
|---|---|---|
| value | string | Unique identifier for the item |
| disabled | boolean | Disable the item |