spinner

Pure CSS loading spinner.

status: stable js: none support: baseline

Preview

<div class="spinner"></div>

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/spinner.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add spinner

Add role=status + aria-label=Loading

.spinner .spinner-sm .spinner-lg .spinner-xl .spinner-primary .spinner-destructive .spinner-success .spinner-muted .spinner-inherit .spinner-inline

base/tokens