Spinner
An indeterminate activity indicator shown as a specimen.
Upstream documentationExamples
Activity specimen
Installation
Run the Ninaero registry command to install the component and its dependencies, including shared theme styles.
Install Spinner
pnpm dlx shadcn@latest add 'https://ninaero.pages.dev/r/spinner.json'Usage
A complete example using the installed component and hook paths.
Spinner usage
"use client";import { Spinner } from "@/components/ui/spinner";const SpinnerPreview = function SpinnerPreview() { return ( <div className="flex items-center gap-3"> <Spinner className="size-6" aria-label="Activity indicator specimen" /> <span className="text-sm text-muted-foreground">Activity specimen</span> </div> ); };export default function Demo() { return <SpinnerPreview />;}API Reference
Ninaero exports and local defaults are listed below. See the upstream reference for inherited primitive props and additional composition examples.
Spinner
Spinner props
React.ComponentProps<"svg">