Segmented
Single-select segmented control.
Loading interactive example
Choose Segmented for one selection among a short set of closely related text options. The active indicator slides between options. Initial layout and resize do not animate. Reduced motion places it immediately.
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
ariaLabel | string | prop | No | undefined |
onValueChange | (value: T) => void | callback | No | undefined |
optionLabel | (value: T) => string | callback | No | undefined |
options | readonly T[] | prop | Yes | |
size | ControlSize | prop | No | 'md' |
value | T | binding | No | undefined as T | undefined |
Examples
Source
Loading source