Buttons

The buttons are built on top of Bootstrap buttons and can be used anywhere on the app.

CSS class modifier:
.button .button--primary .button--md
        
      

Usage

Modifiers

Types

Type Use case
Primary Only once per page. For call to actions and when it is necessary to stand out.
Secondary There can be several on a single page, but best is only one. For important actions.
Ghost There can be several on a single page, but best is only one. For less important actions.
Danger

Sizes

Size Use case
Small
Medium
Large
XLarge

Alignment

Alignment Use case
Left-justified
Center
Right-justified
Full-span
Token Role Variable Utility