Skip to main content

Spinners

Spinners indicate progress by showing users a loading state.

Accessibility

  • Each spinner should include role="status" and a nested <span class="sr-only">Loading...</span>.
  • Spinners should rotate slower when the @media (prefers-reduced-motion: reduce) media query is set
Last updated October 9, 2024.