Segmented Button

Segmented Buttons allow users to select one item at a time from two to four options. Selecting one option automatically turns off the last selection made. Segmented Buttons are mutually exclusive.

Rules of Thumb

  • Use Segmented Buttons:
    • To filter a grid or table.
    • To switch a view's display mode.
  • One option must always be selected.

Examples

segmented button do 2

segmented button do 2

Do: Use Segmented Buttons to switch a view’s display mode.

segmented button dont 2

segmented button dont 2

Don’t: Use Segmented Buttons for user input in a form, use Radio Buttons or Drop Downs instead.

segmented button do 1

segmented button do 1

Do: Use Segmented Buttons to filter an associated table or grid.

segmented button dont 1

segmented button dont 1

Don’t: Use Segmented Buttons to switch between separate views, use Tabs instead.

×