Loader

Files

app/styles/modules/_components.scss

Loader

Basic example of loader and loader sizes.

Example:

Code:

<div class="loader-l"></div>
<div class="loader"></div>
<div class="loader-s"></div>

Loading overlay

Overlay with loader and additional text.

Warning

Parent element must have style property position: relative for correct position of loader.

Example:

This is loading overlay

Card with header

Lorem ipsum Ea cillum deserunt do ut eiusmod reprehenderit minim et reprehenderit ea in dolor veniam dolor incididunt dolore dolor fugiat consequat ea qui exercitation proident amet aute id aute culpa esse elit dolor labore voluptate in cillum Ut dolor mollit ad.

Code:

<div style="position: relative">
  <div class="loader-overlay">
    <div class="loader"></div>
    <div class="loader-overlay_text">This is loading overlay</div>
  </div>
</div>