Primary button · High Contrast
The main call-to-action button with solid, soft and outline variants, three sizes, icon slots, and loading and disabled states.
Design · High Contrast20 / 20
52px underlined button with a 3px black border; outline is plain white, soft uses diagonal hatching, and loading or disabled states are spelled out in the label.
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