Primary button · Material

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

Design · Material1 / 20

M3 full-pill button with a hover/press state layer, tonal secondary container and an outlined variant with the outline role border.

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 →