Base style
Your default style, one of the following: fill, outline, underline
Shape
Visual properties of a button: padding, border, border radius, shadow
Variants
Each visual type to represent button structure e.g. primary and secondary buttons
Copy
Instructional text that details what will happen if you click the button
⭐️ Users should understand what will happen before clicking a button
States
How the button changes based on the interaction, examples below
Last updated 2 years ago
Was this helpful?
