Spinner

An animated loading spinner component for indicating loading states.

import { Spinner } from "@/registry/optics/spinner";<Spinner /><Spinner size="size-8" /><Spinner size="size-12" className="text-primary" />

import { Spinner } from "@/registry/optics/spinner";<Spinner /><Spinner size="size-8" /><Spinner size="size-12" className="text-primary" />

Installation

pnpm dlx shadcn@latest add https://optics.agusmayol.com.ar/r/spinner.json

Name

Type

size

string (Tailwind size class, default: "size-6")

className

string