Components
Spinner
A spinner component
Preview
Loading...
import { Item, ItemContent, ItemMedia, ItemTitle,} from "@/registry/axon/ui/item";import { Spinner } from "@/registry/axon/ui/spinner";export default function SpinnerDemo() { return ( <div className="flex w-full max-w-xs flex-col gap-4 [--radius:1rem]"> <Item variant="muted"> <ItemMedia> <Spinner /> </ItemMedia> <ItemContent> <ItemTitle className="line-clamp-1">Processing payment...</ItemTitle> </ItemContent> <ItemContent className="flex-none justify-end"> <span className="text-sm tabular-nums">$100.00</span> </ItemContent> </Item> </div> );}Installation
CLI
npx shadcn@latest add @emberui/spinneryarn shadcn@latest add @emberui/spinnerpnpm dlx shadcn@latest add @emberui/spinnerbunx --bun shadcn@latest add @emberui/spinnerReference
This component is based on the shadcn/ui Spinner component.