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>