Button

This is what a basic component page looks like. Each variant (described in the page's front matter) is rendered here. Check out the How it Works section of the README for a longer explanation of components.

Basic button

a basic button. You don't need to apply the class button to some items.

Classes: button

Example

Code

erb

<%= form_submit :thing %>

html

<button>
  Primary button
</button>

Block button

a full-width button

Classes: button--block

Example

Code

html

<button class="button--block">
  Block button
</button>