spinner

A loading spinner component.

Use cases

Loading indicators
Button loading states
Inline loading feedback

Features

Animated rotation
Uses Lucide LoaderCircle icon

Source Code

View the full component source code below.

import { cn } from '@/lib/utils'
import { Loader2Icon } from "lucide-react"

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

export { Spinner }

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/spinner

Dependencies

lucide-react

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/spinner

Source

components/ui/spinner.tsx