Skip to content

Spinner

Loading indicator for async operations.

Overview

The catnip-spinner component shows an animated loading spinner. Use when content is loading or a process is in progress.

Live example

Accessibility

  • Use aria-busy="true" and aria-label="Loading" on the loading container
  • Prefer role="status" with live region for screen readers
  • Avoid multiple spinners on the same view

Catnip Design System by Signicat