Menu button
The menu button are a button that expands a flyout with a group of related functions, like a stack of buttons.
Variations
The menu button can be used in three different variations:
The normal styled version should be the most used in the interface. This is the standard state of the component.
To highlight a preferred action, use a raised styled version.
To highlight a preferred action, use a raised styled version.
Specs
The next steps explains how all three types of the menu button are built up and styled.
Anatomy
The menu buttons are built up by a container, a label, an arrow icon, and an optional icon associated with the label.
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
All of the menu buttons uses the button-height and the same container radius.
States
The look of the states are defined by the style.
