Toggle Group
A set of two-state buttons that can be toggled on or off.
One
Two
Three
Multiple select
One
Two
Three
Icons
Variants
One
Two
Three
Component props
ToggleGroup
| Name | Type | Description |
|---|---|---|
| label | string | Label text displayed above the group |
| selectionMode | SelectionMode | "single" | "multiple" (default: "single") |
| value | string[] | Controlled selected values |
| defaultValue | string[] | Default selected values |
| variant | ToggleGroupVariant | "primary" |
| onChange | (value: string[]) => void | Called when selection changes |
ToggleGroupItem
| Name | Type | Description |
|---|---|---|
| id | string | Unique item identifier (required) |
| isDisabled | boolean | Disables the item |