Loader

Loader

Huro ships with a dead simple and versatile loader. This loader is mostly CSS based and gets activated by toggling a class on the parent with Javascript. The main loader parent wrapper class adds the relative position to the target. The loader element's size can be change with classes: available classes are is-small, is-large and is-xl. Please refer to the code example for more details about usage.

      //Javascript
      $('.has-loader').addClass('has-loader-active');
      
      //Markup
      <!--Parent element who will contain the loader-->
      <div class="has-loader">
          <!--Loader element-->
          <div class="h-loader-wrapper">
              <div class="loader is-small is-loading"></div>
          </div>
      </div>