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:

Generating your link...

<span aria-busy="true">Generating your link...</span>

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>

Edit this page on GitHub