{% import 'components/hljs.html' as hljs %}

Loaders

Sizes

A simple yet versatile animated spinner component. Add .loader-[sm|lg] or .is-loading-[sm|lg] to create loaders at different sizes.

{% call hljs.component() -%}
{%- endcall %}

Colors

Using Bootstrap’s typical naming structure i.e. .loader-primary, you can create colored loaders depending on your needs.

{% call hljs.component() -%}
{%- endcall %}

Loader Helper

Indicate loading state of nearly any component with an .is-loading modifier.

Loading card

Loading content
Button Button
{% call hljs.component() -%} {{'' | safe }} Button Button {{'' | safe }}

Loading card

Loading content
{%- endcall %}