Back to components
Segmented Control
Segmented Control is a set of two or more segments. Segments act like radio buttons.
Table of Contents
Edit this section, Opens in new windowOverview
Segmented Control is alternative to radio buttons, which is more friendly to touch devices. It is more visible and encourages to explore provided options.
Usage
Principles
Use it when
- You would like to make option choice more visible
- Significant part of target audience use touch devices
Use it for
- View switches (week/month/year or map/list)
- Filters
Dos and don'ts
Sizes
Edit this section, Opens in new windowBehaviours
Interactions
Hovered
Selected
Selected and Hovered
Focused
Selected and Focused
Edit this section, Opens in new window