Back to Accordion
Accordion

Default styling

FAQ-style single mode and multi-open layout.

FAQ-style (single open)

Multiple open sections

Keyboard navigation, animated panels, and accessible trigger semantics.

API

PropTypeDefaultDescription
items*AccordionItem[]Sections to render.
allowMultiplebooleanfalseWhen true, multiple sections can be open at once.
activeKeysstring[]Controlled open section keys.
onActiveKeysChange(keys: string[]) => voidFires when open section keys change.
defaultOpenKeysstring[]Initial open keys (uncontrolled).
forcedOpenKeysstring[]Keys that stay open and cannot be closed.
disabled (item)booleanDisables a single item.
View full API on Accordion

More Accordion examples