...
As an alternative to Drop-down menuMenu or Radio buttonsButtons.
As a switch between different views.
As a toggle between two or more content sections within the same panel.
...
if there are more than 5 option → use a Drop-down menuMenu or Radio buttonsButtons.
if there is limited room to fit the options within the UI → use a Drop-down menuMenu.
if the options aren't closely related in context or content → use a collection of Buttons (toolbar).
General
Try to avoid using a selector for only two options.
Accessibility Compliance
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.
Focus management
Single selection works in the same way as a group of Radio Buttons.
Multi-selection works in the same way as a group of Check Boxes.
Design
Zeplin link | Screen thumbnail |
|---|---|
 | |
 |
...