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>
I can be used as is in any layout. L Cards are simple containers that can hold any type of content, from simple plain text to more structured markup.
I can be used as is in any layout. L Cards are simple containers that can hold any type of content, from simple plain text to more structured markup.
I can be used as is in any layout. L Cards are simple containers that can hold any type of content, from simple plain text to more structured markup.
I can be used as is in any layout. L Cards are simple containers that can hold any type of content, from simple plain text to more structured markup.