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
is built on top of Radix’s component. Unlike , this means that you need to manage content yourself.
You can use to animate the content when it changes.
| Prop | Type | Default |
|---|---|---|
reduceMotion | boolean | false |
Support all Radix API
<SegmentedControl>
<SegmentedControlItem />
</SegmentedControl>
SegmentedControlToggleGroupTabsMotionPanelRootorientationtypeItem