Spinner

Standard

Installation

pnpm dlx shadcn@latest add https://warcraftcn.com/r/spinner.json

Usage

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

<Spinner />

Size

<Spinner className="size-6" />
<Spinner className="size-10" />
<Spinner className="size-14" />

In Buttons

import { Button } from "@/components/ui/warcraftcn/button";
import { Spinner } from "@/components/ui/warcraftcn/spinner";

<Button disabled className="w-56">
  <Spinner className="size-5" />
  Summoning...
</Button>;

Use Cases

Button Loading State

Badge Status

Syncing

Updating

Input Prefix

Card Processing State

Ritual Queue

Preparing structure for summoning.

Altar of Darkness