Skip to content
IndexDesign corpus

Button

136 resources ship this component · Actions

Also called: btn, cta, push button, press button, primary button, secondary button, tertiary button, ghost button, outline button, text button.

Before you ship5 checks
  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 it136