Spinner
A CSS-only loading indicator. Defaults to currentColor and 24px. Three sizes: --sm (16px), --md (24px), and --lg (32px). Role modifiers set the spinner color.
Sizes
index.htmlhtml
<span class="ln-spinner ln-spinner--sm"></span>
<span class="ln-spinner"></span>
<span class="ln-spinner ln-spinner--lg"></span>Spinner role colors
index.htmlhtml
<span class="ln-spinner ln-spinner--primary"></span>
<span class="ln-spinner ln-spinner--success"></span>
<span class="ln-spinner ln-spinner--danger"></span>Reference
| Class | Description | Responsive |
|---|---|---|
.ln-spinner | Spinning loading indicator | No |
.ln-spinner__label | Visually hidden accessible label | No |
.ln-spinner--sm | 16px size | No |
.ln-spinner--md | 24px size (default) | No |
.ln-spinner--lg | 32px size | No |