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>
Loading
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>