Skip to content
heyrav design system
ComponentsSpec

Spinner

An ink arc on a hairline ring. For waits under a few seconds; longer waits deserve a progress bar or a skeleton.

Show code
<span class="spinner spinner-sm" role="status" aria-label="Loading"></span>
<span class="spinner" role="status" aria-label="Loading"></span>
<span class="spinner spinner-lg" role="status" aria-label="Loading"></span>

Under reduced motion it slows to 2.4s rather than stopping - a frozen spinner reads as a crash.