<button class="coop-btn coop-btn--primary">Primary button</button> <button class="coop-btn">Button</button>
The styles for this pattern can be found in the foundations on github.
Design and content
Button width should be defined by the content on the button. Buttons should also be ranged left with the left edge aligning with other content.
The primary button should only be used once per page.
The area for clicking and tapping buttons must be large enough for people to activate them. Small buttons, and buttons that are placed too close to each other, are difficult for many people to use.
Suggest a pattern
Use this form to suggest a new pattern or a change to an existing one.