Toggle Button Group
@astryxdesign/core v0.7.1 · ToggleButtonGroup
Props
| Name | Type | Default | Description |
|---|---|---|---|
label | string | - | Accessible name, rendered as aria-label. |
type | 'single' | 'multiple' | 'single' | single keeps one member pressed. multiple presses members independently. |
value | string | null | string[] | null | The pressed member, or the list of them. Bind with v-model:value. |
orientation | 'horizontal' | 'vertical' | 'horizontal' | Layout direction. |
size | 'sm' | 'md' | 'lg' | 'md' | Size the members inherit. A member's own size wins. |
isDisabled | boolean | false | Disables every member. A member can still disable itself. |
Events
| Name | Payload | Description |
|---|---|---|
update:value | string | null | string[] | The next selection. |
change | string | null | string[] | Emitted with update:value. |
Slots
The default slot is the ToggleButton members. Each member that participates needs a value.