ButtonGroup
Button groups keep a related set of options visually connected while preserving single- or multi-selection behavior.
Props
| Name | Description | Default | Control |
|---|---|---|---|
disabledOptional | - boolean | undefined | false | |
selectionModeOptional | - singlemultiple | "single" | |
nameOptional | - string | undefined | - | - |
ariaLabelOptional | - string | undefined | - | - |
typeOptional | - standardconnected | "standard" | |
sizeOptional | - extra-smallsmallmediumlargeextra-large | "small" | |
colorOptional | - elevatedfilledtonaloutlinedtext | "tonal" | |
modelValueOptional | - SelectionGroupModelValue | - | - |
Events
| Name | Type | Description |
|---|---|---|
update:modelValue | [value: SelectionGroupModelValue] | - |
Slots
| Name | Parameters | Description |
|---|---|---|
default | - | - |
Default
Types
standard
connected
Sizes
extra-small
small
medium
large
extra-large
Colors
filled
tonal
outlined
text
Disabled
Multiple Selection
API
ButtonGroupItem
Props
| Name | Description | Default |
|---|---|---|
valueRequired | - SelectionGroupValue | - |
disabledOptional | - boolean | undefined | false |
ariaLabelOptional | - string | undefined | - |
Events
No events documented.
Slots
| Name | Parameters | Description |
|---|---|---|
default | - | - |