Components

Spinner

A small loading spinner in the current text colour, announced to screen readers when labelled.

Import

import { Spinner } from '@rinzai/zen';

Examples

Loading

Standing on its own, a spinner needs a label so screen readers announce what is loading.

Entries

Loading entries…

API reference

<Spinner>

Small circular spinner in the current text colour; size it with className (default size-4). Decorative by default (e.g. inside a loading Button). Give it a `label` when it stands on its own, and screen readers announce it.

Prop	Type	Default
`className`	`string`	`—`
`label` What is loading, e.g. "Loading entries". Makes the spinner announce itself.	`string`	`—`