Skip to content
import { Spinner } from "@stratakit/bricks";
// OR
import Spinner from "@stratakit/bricks/Spinner";
Base element:<div>

A loading spinner.

Example:

<Spinner />

Supports a tone prop to change the tone (color) of the spinner. Supports a size prop to change the size of the spinner.

Type:string | undefined(optional)
Default:"Loading…"

A text alternative for the spinner.

Type:"small" | "medium" | "large" | "xlarge" | undefined(optional)
Default:"medium"

The size of the spinner.

Type:"neutral" | "accent" | undefined(optional)
Default:"neutral"

The tone of the spinner.