Skip to content
Index730 resources
Button

Button

123 resources in the index ship this component, best first. Group: Actions.

Also called · btn · cta · push button · press button · primary button · secondary button · tertiary button · ghost button · outline button · text button

Before you ship

5
  1. 01Base style — Your default style, one of the following: fill, outline, underline
  2. 02Shape — Visual properties of a button: padding, border, border radius, shadow
  3. 03Variants — Each visual type to represent button structure e.g. primary and secondary buttons
  4. 04Copy — Instructional text that details what will happen if you click the button
  5. 05States — How the button changes based on the interaction: hover, focused, disabled

Checks from checklist.design, MIT.

Ships it

123