...
A split button groups actions together in a Drop-down Down Menu, with one primary action and a set of related actions.
...
The arrow icon opens an options list, 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.
...
Regular |  | |
Hover |   | |
Active |  |  |
Disabled |  | |
Error |  | |
Focused |  | |
Focused, Hover |   | |
Focused, Active |   | |
Focused, Disabled |  |
Interaction
Clicking the left-hand action area triggers the primary action.
Clicking the right-hand drop-down arrow opens an options list of alternative actions.
Clicking an option in the options list triggers the related action.
...