Components

Loading

Add a loading indicator with aria-busy="true".

It can be applied to any block:

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

Any inline element:

Your link is being generated...

<a href="#" aria-busy="true">Your link is being generated...</a>

Any button:

<button aria-busy="true" aria-label="Please wait…" />
<button aria-busy="true" aria-label="Please wait…" class="secondary" />
<button aria-busy="true" aria-label="Please wait…" class="contrast" />
<button aria-busy="true" class="outline">Please wait…</button>
<button aria-busy="true" class="outline secondary">Please wait…</button>
<button aria-busy="true" class="outline contrast">Please wait…</button>