Spinner

To display a loading status to a user, use our spinner.

<div class="spinner">
    <div class="spinner-circle" aria-busy="true"></div>
    <span class="sr-only">Laddar</span>
</div>

If you want to add a description text, you can do so with the .spinner-description class. Please write a specific description is possible.

<div class="spinner">
    <div class="spinner-circle" aria-busy="true"></div>
    <span class="spinner-description">Kopierar bilder</span>
</div>

If you want a fullscreen spinner, for page-loading and other things. Use the .spinner-fullscreen class.

<div class="spinner-fullscreen">
    <div class="spinner-circle" aria-busy="true"></div>
    <span class="spinner-description">Laddar orderbekräftelse</span>
</div>