Spinner

An animated indicator for loading and in-progress states.

Installation

import { Spinner } from "@o/pipeline/experimental/components/spinner";

Default

Accessibility

The <Spinner /> will indicate a caption of “Loading…” to assistive technologies by default, but you can customize this via children.

Size

By default, the <Spinner /> will inherit the font size of its parent element, but you can customize this either with explicit width/height styles or with font-size, preferably applied via className.

Color

By default, the <Spinner /> inherits the color of its parent element, but you can customize this with color styles, preferably applied via className.

Weight

• bold (default)
• regular