Loading

@use '@natachah/vanilla-frontend/scss/components/loading';

Syntax

The loading is using the native aria-busy attribute.

<div aria-busy="true"></div>

Variants

Link

The loading is available for links:

<a href="#" aria-busy="true">My link</a>

Button

The loading is available for buttons:

<button aria-busy="true"></button>
<button class="outline" aria-busy="true">Button</button>
<button class="primary" aria-busy="true">Button</button>
<button class="primary outline" aria-busy="true">Button</button>