Content Comparison

...

• The primary action should also be shown in the action menu.

• The button has 2 modes of operations:

  • Persistent split button - the default action is kept until the user makes a different selection, which then becomes the default.

  • Fixed split button - the primary action is kept as the default, even when the user selects another option.

• The action menu closes when the user makes a selection.

States

	Regular	Enter
Regular	Image Modified	Image Modified
Hover	Image Modified   Image Modified	Image ModifiedImage Modified
Active	Image Modified   Image Modified	Image ModifiedImage Modified
Disabled	Image Modified	Image Modified
Focused	Image Modified   Image Modified	Image ModifiedImage Modified
Focused, Hover	Image Modified   Image Modified	Image ModifiedImage Modified
Focused, Active	Image Modified   Image Modified	Image ModifiedImage Modified

Interaction

• 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 triggers the related action.

...

Zeplin link	Screen thumbnail
https://zpl.io/Q0Alg9n	Image RemovedImage Added
https://zpl.io/vMgvGOY

...