...
A split button groups actions together in a Drop-Down down Menu, with one primary action and a set of related actions.
Usage &
...
Behavior
General guidelines
Structure
...
The arrow icon opens an action menu, as a Drop-Down down Menu.
Content
The label in the action area should be the primary action.
See the main Buttons information for guidelines on labels.
See Drop-Down down Menu for the order of options.
...
Clicking the left-hand action area triggers the primary action.
Clicking the right-hand drop-down arrow opens an action menu of alternative actions.
Clicking an action in the action menu. Action Menu triggers the related action.
...
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.
Design
Zeplin link | Screen thumbnail |
---|---|
Code
...