When to use
Use directional buttons to navigate a guided experience.
Anatomy
- Pointer
- Label
- Body
Variations
- Button pointing left & right in small size
- 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