Standard
Containers | .btn-list |
Required | .btn |
Modifiers | .btn-primary .btn-secondary .btn-danger .has-icon .has-badge |
States | .is-disabled .is-loading |
Guidelines
- Labels should be title case and ≤ 20 characters.
- Labels should be action-oriented and describe the action to be performed.
- Primary buttons should be placed to the right of secondary buttons.
- Primary buttons shouldn't be placed beside each another.
- Avoid placing three buttons beside each another.
- Only use the .btn-danger class for irreversible actions where the user stands to lose a lot of work.

