Studiov0.6.0

Spinner

Tier 1 — shadcn

Feedback

An animated loading indicator for indeterminate wait states.

Live Preview

Code

import { Spinner } from "@regen/ui";

<Spinner />

Variants

Small

Default

Large

Props Inspector

Sizedefault

Documentation

Use Cases

•Button loading state
•Page section loading
•Form submission pending

Do

✓Use size prop to match context (sm inside button, lg for page)
✓Pair with aria-label='Loading'

Don't

✗Don't use for deterministic progress — use Progress
✗Don't show without any context label