Split Button

When there are more than two actions related to the main action, and there is not enough space for separate buttons, put these actions into the dropdown menu:

Dangerous actions can destroy users’ data and cannot be easily undone. To avoid accidental clicks on a dangerous action, you can hide it in the dropdown menu if this action is uncommon, for example Force Push:

An uncommon dangerous action can be the only action in the menu.

note

Uncommon actions are the actions called in rare cases for specific purposes. For example, the Force Push action, unlike the Commit and Push... action, is available under certain circumstances and covers rare user scenarios. Thus, it can be considered as uncommon and hidden in the dropdown menu.

If unrelated actions are hidden under the dropdown menu, they are hard to find:

Incorrect

Correct

Putting the single action in the dropdown menu doesn't save a lot of space:

Incorrect

Correct

note

Exception: If the action is dangerous and uncommon, you can put it in the menu.

Refer to the regular button rules.

Place related actions into the dropdown menu. Do not duplicate the main action in the dropdown menu, otherwise it is confusing how to trigger the main action — with the button or from the menu.

Incorrect

Correct

If there is a dangerous action among other actions in the dropdown, add the line separators above and below it to lessen the chance of calling this action by mistake: