Button

The standard button is naked. Use .btn to create stylised buttons on any element.

Standard Button

Copy<button class="btn">Save</button>

Outline Button

Copy<button class="btn btn-outline">Save</button>

Loading Button

The loading button can be used when triggering an action that will take some time to process. There's a built-in Javascript function for toggling the button state.

Javascript

// button: class name of the button
toggleLoadingButton(button)

HTML

Copy<div class="btn-loader loading"><button class="btn">Save</button></div>