Skip to content
Work in progress - do not use in production. This component is still being built: it is not flagged Ready for Dev, so its markup, attributes, events and styles can all still change without notice, it is not covered by the accessibility gate, and it is not published to npm. It is on this site so the work can be seen and reviewed - nothing more.

Spinner

An indeterminate loading indicator, rendered as <span is="root-spinner">.

Usage

<span is="root-spinner" aria-label="Loading"></span>

Attributes

Attribute Type Default Description
size 'small' | 'medium' | 'large' 'medium' Spinner diameter
aria-label string 'Loading' Accessible name (defaulted when there is no visible text)

Extends

HTMLElement - use with <span is="root-spinner">. Exposed as role="status" in a polite live region; rotation stops under prefers-reduced-motion.