@moodxd/component-loader v1.0.3

MoO Loader

The Loader is used to show that data is being called or content is being loaded. The .Loader element requires the CDN scripts.js or loader.js (which is included in scripts.js).

By default, the Loader’s color is white, which requires a colored background to be visible, but there are three color options .Loader--blue, .Loader--blueDarker, and .Loader--grayDarker. Additionally, the Loader has two alternative sizes .Loader--sm and .Loader-- lg.

Requires scripts.js or loader.js

Small

<div class="u-bgGrayLighter">
  <div class="Loader Loader--sm"></div>
</div>

Large

<div class="u-bgGrayLighter">
  <div class="Loader Loader--lg"></div>
</div>

Colors

Blue

<div class="Loader Loader--sm Loader--blue"></div>

Blue Darker

<div class="Loader Loader--sm Loader--blueDarker"></div>

Gray Darker

<div class="Loader Loader--sm Loader--grayDarker"></div>