Button 🖲️

• 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