Spinner color variants, a shadcn block by @reui · shadcn.exchange

Spinner color variants, a shadcn block by @reui · shadcn.exchange

c-spinner-12.tsx

import { Spinner } from "@/components/ui/spinner"

export function Pattern() {
  return (
    <div className="flex items-center justify-center gap-4">
      <Spinner className="size-4 text-blue-500" />
      <Spinner className="size-4 text-green-500" />
      <Spinner className="size-4 text-red-500" />
      <Spinner className="size-4 text-yellow-500" />
      <Spinner className="size-4 text-purple-500" />
    </div>
  )
}