Segmented control
Switches between two to five views or filters in place.
API Reference
The SegmentedControl component is a Radix toggle group that always keeps one segment selected.
| Prop | Type | Default |
|---|---|---|
items | SegmentedControlItem[] | — |
value | string | — |
defaultValue | string | first item |
onValueChange | (value: string) => void | — |
size | "xs""md""lg" | "md" |
shape | "default""rounded" | "default" |
border | boolean | false |
fullWidth | boolean | false |