Split

Definition: A split button is an element that combines the functionality of a regular button with a dropdown menu in a single control.

When to use

Use split buttons to provide users with a primary action and give them access to related secondary actions.

 

Anatomy

  1. Label
  2. Button
  3. Body

 

 

 

 

Variations

  1. Split button with text only
  2. Split button with left icon

 

 

 

 

Action types

Button confirmatory

Emphasis

Usage

1. Default

Low

Use as a subtle call-to-action

3. Primary

High

Use as the main call-to-action to draw attention.

 

 

 

 

 

Where to use

✅ Workflow management

✅ Document editing

✅ Task management