Segmented control

Definition: A segmented control is a component that switches between different views, modes or settings.

When to use

Use segmented controls if you need to:

  • filter data based on different criteria
  • switch between views, e.g. daily, weekly, and monthly views
  • sort order for a list (Optional)


  1. Icon (Left)
  2. Icon (Right)
  3. Label





Where to use

✅ Calendars

✅ Data visualisation