ToggleGroup.
A compact segmented choice set.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
options | Array<{label: string; value: string}> | Yes | — | — | Available segmented choices. |
value | string | Yes | — | — | Current selected option. |
onValueChange | (value: string) => void | No | — | — | Called when a different option is chosen. |
label | string | Yes | — | — | Accessible group name. |
className | string | No | — | — | Additional CSS class on the outer component element. |