Spinners

Something is on its way

Sizes

Code

<span class="spinner spinner-sm" role="status" aria-label="Loading"></span>
<span class="spinner" role="status" aria-label="Loading"></span>
<span class="spinner spinner-lg" role="status" aria-label="Loading"></span>

In a button

Code

<button type="button" class="btn btn-primary is-loading" aria-busy="true" aria-disabled="true">Saving</button>
<button type="button" class="btn btn-gray is-loading" aria-busy="true" aria-disabled="true">Loading</button>