Skip to content
satin

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.

PropTypeDefault
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