l8components

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/spinner

Source

components/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 }

On this page