Accordion
A vertically stacked set of sections that can be expanded or collapsed. Built on Radix UI Accordion.
The immense world tree at the center of the cosmos, whose branches stretch across the Nine Realms and whose roots reach into the wells of fate, wisdom, and the underworld.
Multiple Open
Use type="multiple" to allow several items open at once:
Odin's great hall in Asgard where slain warriors, chosen by the Valkyries, feast and prepare for the final battle of Ragnarök.
The burning rainbow bridge that links Midgard to Asgard, guarded ceaselessly by the watchman Heimdall and his horn Gjallarhorn.
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
type* | "single" | "multiple" | — | Whether one or multiple items can be open at a time. |
value | string | string[] | — | Controlled value(s) of open items. |
onValueChange | (value: string | string[]) => void | — | Callback when open items change. |
defaultValue | string | string[] | — | Uncontrolled default open items. |
collapsible | boolean | false | When type='single', allows closing the open item by clicking its trigger. |