Nexub DSv0.0.2
Brand
Components · Disclosure
Vertically stacked list of collapsible sections.
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| Accordion.Root type | 'single' | 'multiple' | 'single' | — | Whether one or multiple items can be open at the same time. |
| Accordion.Root collapsible | boolean | false | — | When type is "single", allows the open item to be collapsed by clicking it again. |
| Accordion.Root defaultValue | string | string[] | — | — | The item(s) open by default (uncontrolled). |
| Accordion.Root value | string | string[] | — | — | Controlled open item(s). |
| Accordion.Root onValueChange | (value: string | string[]) => void | — | — | Callback fired when the open state changes. |
| Accordion.Root disabled | boolean | false | — | Disables all items in the accordion. |
| Accordion.Item value | string | — | ✓ | Unique identifier for the item. |
| Accordion.Item disabled | boolean | false | — | Disables this specific item. |
| Accordion.Trigger asChild | boolean | false | — | Merges props onto the immediate child element. |
| Accordion.Content forceMount | boolean | false | — | Keeps content in the DOM even when collapsed. |
import { Accordion } from '@nexub/react';