Spinner

npx radk add spinner

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

<Spinner />

<div className="flex items-center gap-4">
  <Spinner size="sm" />
  <Spinner />
  <Spinner size="lg" />
</div>

import { Button } from "@/components/ui/button"

<Button disabled>
  <Spinner size="sm" className="mr-2" />
  Loading...
</Button>

<div className="fixed inset-0 flex items-center justify-center bg-background/80">
  <Spinner size="lg" />
</div>

<p className="flex items-center gap-2 text-sm text-muted-foreground">
  <Spinner size="sm" />
  Fetching data...
</p>