Spinner

registry/examples/spinner-demo.tsx

import { Spinner } from "@/registry/ui/spinner"

export default function SpinnerDemo() {

Installation


pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nusa-ui.vercel.app/r/spinner.json

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

<Spinner />

Use the className prop to adjust the size.

registry/examples/spinner-sizes.tsx

import { Spinner } from "@/registry/ui/spinner"

export default function SpinnerSizes() {

registry/examples/spinner-button.tsx

"use client"

import * as React from "react"

Prop	Type	Default	Description
`className`	`string`	-	Additional CSS classes
`aria-label`	`string`	`"Loading"`	Accessible label

All standard SVG props are also supported.