Collapsible Group
@astryxdesign/core v0.7.1 · CollapsibleGroup
Props
| Name | Type | Default | Description |
|---|---|---|---|
type | 'single' | 'multiple' | 'single' | single keeps one section open. multiple toggles each section on its own. |
defaultValue | string | string[] | - | Open section when the group owns its state. |
value | string | string[] | - | Controlled open section. Bind with v-model:value. |
hasDividers | boolean | false | Draw a hairline between sections. |
density | 'compact' | 'balanced' | 'spacious' | 'balanced' with dividers | Trigger and content padding. |
chevronPosition | 'start' | 'end' | 'end' | Chevron side for every section. A section can still set its own chevronPosition. |
Events
| Name | Payload | Description |
|---|---|---|
update:value | string | string[] | The next open value. Single mode uses '' when everything is closed. |
change | string | string[] | Emitted with update:value. |
Slots
The default slot is the Collapsible sections. Each one needs a value.