Primary button · Terminal
The main call-to-action button with solid, soft and outline variants, three sizes, icon slots, and loading and disabled states.
Design · Terminal12 / 20
A '> label-as-command' prompt with a blinking block caret; solid is an inverted phosphor block, outline is bracketed [ label ] and loading is a braille spinner.
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