Spinner
Basic
In Buttons
In Badges
BadgeBadgeBadgeBadge
In Input Group
In Empty State
No projects yet
You haven't created any projects yet. Get started by creating your first project.
Official documentation: ui.shadcn.com
Installation
npx shadcn@latest add @l8/spinnerSource
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 }