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)

Anatomy

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

 

 

 

 

Where to use

✅ Calendars

✅ Data visualisation