Skip to Content
DocumentationData DisplayAccordion

Accordion

A vertically stacked set of interactive headings that each reveal an associated section of content.

Multiple expansion

Component props

Accordion

NameTypeDescription
allowsMultipleExpandedbooleanAllows multiple items to be expanded
expandedKeysstring[]Controlled expanded keys
defaultExpandedKeysstring[]Default expanded keys
onExpandedChange(keys: Set<string>) => voidCalled when expansion changes

AccordionItem

NameTypeDescription
idstringUnique item identifier (required)
isDisabledbooleanDisables the item