Skip to content

Accordion ​

Overview ​

Root accordion component built on Reka UI's AccordionRoot.

Theme entry: Accordion

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
typestringundefinedThe type of accordion (single or multiple).
defaultValuestring|arrayundefinedThe default expanded item(s).
modelValuestring|arrayundefinedThe controlled expanded item(s).
disabledbooleanundefinedWhether the accordion is disabled.
dirstringundefinedThe reading direction.
collapsiblebooleanundefinedWhether collapsing is allowed.
asstring|objectundefinedThe element or component to render as.
asChildbooleanfalseWhen true, merges props onto the child element instead of rendering a wrapper.

Slots ​

default ​

Scoped slot.

Events ​

NameDescription
update:modelValueEmitted when the value changes.

Full event reference

Source ​

client/lib/shell/accordion/Accordion.vue