LumoCSS logoLumoCSS logo
Content

Loading state

Use aria-busy="true" on buttons, articles, or text elements to show a loading spinner.

Default

Loading your assets.

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Modi saepe officia velit neque minus reprehenderit?

<button aria-busy="true">Loading offers...</button>

<h4 aria-busy="true" style="margin-top: 1rem;">Loading your assets.</h4>

<p aria-busy="true">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Modi saepe officia velit neque minus reprehenderit?</p>

<article aria-busy="true" style="min-height: 100px; margin-top: 1rem;"></article>