Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

https://zpl.io/V4WPQ82

Code

...