Spinner

Usage

import { Spinner } from "@workshop1/ui/components/spinner"

Use a spinner inside a control or small region while an operation is in progress. Keep the action label visible so users know what is happening. For page content with a known final layout, use Skeleton instead.

The default accessible name is “Loading”. Override it with a specific label such as “Saving” when context is not already clear. Set aria-busy on the owning control or region and block duplicate submissions while work is pending.