Skip to content

Accordion

An accordion is a component that displays a collapsible content that can be expanded or collapsed.

Loading Code Block...
Loading Code Block...
Loading Code Block...

PropsDefaultTypeDescription
accordionItems[]arrayAn array of accordion items to display.
typedefault 'default' | 'website'The type of accordion to display.
openBehaviorcollapse 'collapse' | 'always-open'Controls how multiple accordion items can be open at once.
itemClassName-stringThe CSS class for individual accordion items.
headerClassName-stringThe CSS class for the accordion header.
buttonClassNamestringThe CSS class for the accordion buttons.
slotClassNamestringThe CSS class for the accordion content.
icon
icon icon icon icon