Skip to content

Collapsible Group

@astryxdesign/core v0.7.1 · CollapsibleGroup

Props ​

NameTypeDefaultDescription
type'single' | 'multiple''single'single keeps one section open. multiple toggles each section on its own.
defaultValuestring | string[]-Open section when the group owns its state.
valuestring | string[]-Controlled open section. Bind with v-model:value.
hasDividersbooleanfalseDraw a hairline between sections.
density'compact' | 'balanced' | 'spacious''balanced' with dividersTrigger and content padding.
chevronPosition'start' | 'end''end'Chevron side for every section. A section can still set its own chevronPosition.

Events ​

NamePayloadDescription
update:valuestring | string[]The next open value. Single mode uses '' when everything is closed.
changestring | string[]Emitted with update:value.

Slots ​

The default slot is the Collapsible sections. Each one needs a value.