spinner-size-demo

kanpekiexample

Preview

Loading preview…

registry/examples/spinner/spinner-size-demo.tsx

import { Spinner } from "~/registry/ui/spinner";

export function SpinnerSizeDemo() {
  return (
    <div className="flex items-center gap-6">
      <Spinner className="size-3" />
      <Spinner className="size-4" />
      <Spinner className="size-6" />
      <Spinner className="size-8" />
    </div>
  );
}

Installation

npx shadcn@latest add @kanpeki/spinner-size-demo

Usage

import { SpinnerSizeDemo } from "@/components/spinner-size-demo"

<SpinnerSizeDemo />