Button and Link States

Every tappable element (buttons, table rows, etc) must have a pressed and disabled state. Pressed states are important because they give members feedback on where they are tapping. We communicate that a button is not tappable through disabled states.

 
 

Button Sizes
 
Primary Large Button
Secondary Large Button
Primary Small Button
Secondary Small Button
Primary Flat Button
Secondary Flat Button - Destructive
Tertiary Outline Button on Dark Background
Tertiary Solid Button on Dark Background