Skip to content
Spiral
/
/
Give feedback
Segmented Control
The segmented control allows users to switch between closely related options within the same context.
Icon + Text
Light
Dark
System
Show code
Icon
Show code
Text
Light
Dark
System
Show code
API References
Prop
Type
Default
items
{ label?, icon?, disabled? }[]
—
active
number
—
onChange
(index: number) => void
—
aria-label
string
—
className
string
" "