Components

Spinner

Indeterminate loading indicator across five sizes.

Spinner indicates an indeterminate loading state.

Example

Preview

import { Spinner } from '@officina/ui';

<Spinner size="md" />
<Spinner size="lg" label="Loading…" />

Prop	Type	Default	Description
label	string	Loading…	Accessible status label announced to screen readers. Defaults to "Loading…".
size	"xs" \| "sm" \| "md" \| "lg" \| "xl" \| null	—

SkeletonRow

Stack of pulsing placeholder bars with varied widths, for loading list/table rows.

Progress

Determinate progress bar with tones, sizes, and value label.