Skip to content

Accordion

Overview

Root accordion component built on Reka UI's AccordionRoot.

Theme entry: Accordion

Props

NameTypeRequiredDefaultDescription
themeOverrideString|Object|ArraynullA partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2