Skip to main content

Spinner

Lightweight loading indicator.

Usage

{% include components/spinner.html size="md" label="Loading" %}

Parameters

Parameter Type Default Description
size string md sm md lg
variant string primary primary secondary inverse
label string Loading Accessible name
block boolean false Center as block
class string — Extra classes

Example

Accessibility

Uses role="status" and aria-label. Respects prefers-reduced-motion (slower spin).