Data Display
Collapsible sections with single-open or multiple modes, three visual variants, and animated open/close.
| Prop | Type | Default | Description |
|---|---|---|---|
selectionMode | "single" | "multiple" | multiple | One-open accordion vs many. |
expandedKeys / defaultExpandedKeys / onExpandedChange | Iterable<string> / … | — | Controlled / uncontrolled (identity = the AccordionItem key). |
isDisabled | boolean | false | Non-togglable. |
itemKey | string | the React key | Explicit identity if you can't set key. |
selectionMode
"single" | "multiple"
Default: multiple
One-open accordion vs many.
expandedKeys / defaultExpandedKeys / onExpandedChange
Iterable<string> / …
Default: —
Controlled / uncontrolled (identity = the AccordionItem key).
isDisabled
boolean
Default: false
Non-togglable.
itemKey
string
Default: the React key
Explicit identity if you can't set key.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "light" | "bordered" | "splitted" | light | Dividers / one box / separate cards. |
isCompact | boolean | false | Tighter padding. |
variant
"light" | "bordered" | "splitted"
Default: light
Dividers / one box / separate cards.
isCompact
boolean
Default: false
Tighter padding.
| Prop | Type | Default | Description |
|---|---|---|---|
classNames | { base?, item?, trigger?, content? } | — | Slot class overrides. |
classNames
{ base?, item?, trigger?, content? }
Default: —
Slot class overrides.
| Prop | Type | Default | Description |
|---|---|---|---|
title / subtitle / startContent | ReactNode | — | Header content. |
title / subtitle / startContent
ReactNode
Default: —
Header content.
