Loading • Ssstyles

This is a simple loading spinner in a ::before pseudo element.

You need to import the CSS file and assign the data attribute to use it.

@import "ssstyles/css/loading.css" layer(components);

<div data-loading>Loading</div>

But it can also be used on a <button>. Buttons can even use the loading indicator with aria-busy="true".

<button aria-busy="true" disabled>Working...</button>