Loaders

Default

It’s a 1.4rem loader.

Demo

Markup

<div class="loader"></div>

Modifiers

Modifier † Behavior
loader--sm Small .9rem
loader--lg Large 2rem

The base class is always required.

Visualizer

Try this! Check out different sizes of loader!

Buttons

A button can also include a loader by adding/toggling the loading class.

Demo

Markup

<button class="button loading">Submit</button>