Directional

Definition: A directional button is an element that indicates movement in the left and right direction.

When to use

Use directional buttons to navigate a guided experience.

Anatomy

  1. Pointer
  2. Label
  3. Body

 

 

 

 

Variations

  1. Button pointing left & right in small size
  2. Button pointing left & right in large size

 

 

 

 

 

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

✅ Forms

✅ Carousel sliders