spinner-custom

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/spinner-custom.tsx
import { LoaderIcon } from "lucide-react"

import { cn } from "@/lib/utils"

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

export default function SpinnerCustom() {
  return (
    <div className="flex items-center gap-4">
      <Spinner />
    </div>
  )
}

Installation

npx shadcn@latest add @taki/spinner-custom

Usage

import { SpinnerCustom } from "@/components/spinner-custom"
<SpinnerCustom />