Toggle button
A toggle button is a selection control the user can pick one of multiple options. It is mostly used for 2 to 5 options.
Variations
The menu button can be used in three different variations:
The standard toggle button has a descriptive label.
The icon toggle button the label below the button, and an associated icon centred in the toggle button.
Specs
The next steps explains how all three types of the menu button are built up and styled.
Anatomy
The toggle button is built up by a rack container, containing at least two toggle buttons.
Colors
The menu buttons are only displayed in a normal style.
Typography and icons
The label text describes the button. The arrow icon is a part of the menu button, indicating that it expands a menu, and not should not be changed.
Measures and spacing
Both toggle buttons uses the button-height and the full container radius.
States
The look of the states are defined by the style.