Spinner

Installation

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

Default

Loading…

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.

Loading…1em (default)

Loading…"text-[1rem]"

Loading…"text-[1.5rem]"

Loading…"text-[2rem]"

Color

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

Loading…currentColor (default)

Loading…"text-green"

Loading…"text-ember"

Weight

• bold (default)
• regular

Loading…weight="regular"

Loading…weight="bold" (default)