A segmented control can be used for filters, tabs, and other sub-navigation.

Segment control used as tabs


A segmented control is a set of buttons.

It should have one primary button and the rest in a default style.


A segmented control should always be placed above the content that it acts on.

The content display should be the one associated with the primary button.

This segmented control acts on all the panes
This segmented control acts on of the Search & filter pane only

Related page

A button is a clickable component that triggers an action when pressed.