Loading...
A segmented control is a unified set of closely related, mutually exclusive options where only one can be selected at a time. It allows users to filter, change the presentation, input, or browse content within the same view, context or data.
Can be controlled or uncontrolled
Full keyboard navigation
Animated with Motion
Respects reduce motion with system settings and through props
SegmentedControl is built on top of Radix’s ToggleGroup component. Unlike Tabs, this means that you need to manage content yourself.
You can use MotionPanel to animate the content when it changes.
| Prop | Type | Default |
|---|---|---|
reduceMotion | boolean | false |
Support all Item Radix API