Buttons

Buttons are the primary way users interact with the application. We use a variety of styles to convey importance.

Core button styles for different action priorities

btn-primary

btn-secondary

btn-rose

btn-transparent

High-impact buttons with animated caret for main CTAs

btn-caret

secondary + caret

From micro-interactions to large call-to-actions

btn-xxs

btn-xs

btn-sm

btn-md

btn-lg

btn-xl

Interactive states for user feedback

default

disabled