Primary button · Editorial

The main call-to-action button with solid, soft and outline variants, three sizes, icon slots, and loading and disabled states.

Design · Editorial11 / 20

Small-caps tracked ink button that turns accent on hover; the soft variant is a double-ruled text link-button between rules.

Motion

The button squashes to 95% on tap and springs back on the design's own spring; hard-shadow designs sink into their shadow instead.

Accent

The main call-to-action button with solid, soft and outline variants, three sizes, icon slots, and loading and disabled states.

Category
Buttons
Designs
20
Motions
Press, Shine, Ripple
Released
2026-11-16
buttonctaprimaryactionsubmitloadingicon

All 20 designs

tap to preview above

Related components

More buttons →