Skip to catalog content
Mado UI Open-code components

Source-owned · zero runtime dependencies

primitive · spinner

Spinner

A decorative CSS spinner for use beside accessible status text.

Install with npx @madojs/ui@latest add spinner.

Primitive

Spinner

Loading project data…

Composition

  • Pair a decorative spinner with visible application-owned status text in the same status context.

Public API

class mado-ui-spinner
Decorative circular activity indicator.
css-property --mado-ui-spinner-size
Logical size of the visual indicator.

Detected public classes

  • .mado-ui-spinner

Detected public CSS properties

  • --mado-ui-color-text
  • --mado-ui-radius-full
  • --mado-ui-spinner-color
  • --mado-ui-spinner-duration
  • --mado-ui-spinner-size
  • --mado-ui-spinner-stroke
  • --mado-ui-spinner-track

Accessibility contract

  • The spinner itself is aria-hidden; a stable status node owns the accessible loading message.

Keyboard

  • The recipe adds no composite keyboard model; native interactive descendants keep their browser-defined keys and Tab order.

Focus

  • The spinner never enters the Tab sequence.

Fallback

  • Reduced motion stops rotation while preserving the visible indicator and status text.

Installation graph

Direct dependencies

Resolved install order

Copied source

The CLI resolves each registry source path into the configured project target. Links below point to the exact catalog build tag.