Loading
scss
@use '@natachah/vanilla-frontend/scss/components/loading';Syntax
The loading is using the native aria-busy attribute.
html
<div aria-busy="true"></div>Variants
Link
The loading is available for links:
html
<a href="#" aria-busy="true">My link</a>Button
The loading is available for buttons:
html
<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>