Segmented control

Toggle between a small set of related options

For view modes or filters where the active segment fills with the primary colour. Works well for 2 to 4 choices. Use Tabs instead when the options represent distinct content sections with their own panels.

Default

With icons

Full width

With disabled segment

Compact