Primary button · Pastel
The main call-to-action button with solid, soft and outline variants, three sizes, icon slots, and loading and disabled states.
Design · Pastel13 / 20
Candy pill with a soft coloured shadow; soft variant is a pale tint and outline a 2px light-accent ring.
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.
buttonctaprimaryactionsubmitloadingicon