Feedbackui

Spinner

Indeterminate loading indicator.

Provisioning database…

Installation

$npx shadcn@latest add @particular/spinner

npm dependencies

cn@^0.4.0
lucide-react@^1.51.0

Source

ui/spinner.tsx

import { cn } from "cn"
import { Loader2Icon } from "lucide-react"

function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
  return (
    <Loader2Icon data-slot="spinner" role="status" aria-label="Loading" className={cn("size-4 animate-spin", className)} {...props} />
  )
}

export { Spinner }