nalarx-uiComponents
Spinner
An indeterminate busy ring in the current text colour.
bunx shadcn@latest add @nalarx/spinnerUsage
import { Spinner } from "@/components/ui/nx/Spinner";
<span className="inline-flex items-center gap-2">
<Spinner /> Saving
</span>Sizes
Saving
Saving
Props
| Prop | Type | Default | |
|---|---|---|---|
size | number | 16 | Box size in px. |
className | string | Set the colour with a text utility. |
Accessibility
The ring is hidden from assistive tech. Always put text beside it, or set aria-busy on the region that is loading. It stops turning under reduced motion.
Replaces
NxSpinner in both apps' components/ui/index.tsx and the Platform's base/Spinner.tsx.