shadcn, restyled · @jengacore/spinner

Spinner

shadcn Spinner, restyled: jengacore focus ring, radii, card fill, navy scrim and shadow-pop.

Separate Radix and Base UI builds

Install

terminal

npx shadcn@latest add @jengacore/spinner

Without the namespace configured: npx shadcn@latest add https://ui.jengacore.com/r/<new-york-v4|base-nova>/spinner.json

Registry dependencies

@jengacore/theme

npm packages

class-variance-authority

Source

components/ui/spinner.tsx

// jengacore: shadcn new-york/spinner, restyled by scripts/import-upstream.ts. Change the codemod, not this file.
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 }