Spinner

---
import { Spinner } from "@/components/starwind/spinner";
---

<Spinner />

import { Spinner } from "@/components/starwind/spinner";

export function Example() {
  return (
    <>
      <Spinner />
    </>
  );
}

---
import { Spinner } from "@/components/starwind/spinner";
---

<Spinner class="size-4" />
<Spinner class="size-6" />
<Spinner class="size-8" />
<Spinner class="size-12" />

import { Spinner } from "@/components/starwind/spinner";

export function Example() {
  return (
    <>
      <Spinner className="size-4" />
      <Spinner className="size-6" />
      <Spinner className="size-8" />
      <Spinner className="size-12" />
    </>
  );
}

---
import { Spinner } from "@/components/starwind/spinner";
---

<Spinner class="text-blue-500" />
<Spinner class="text-green-500" />
<Spinner class="text-red-500" />
<Spinner class="text-purple-500" />

import { Spinner } from "@/components/starwind/spinner";

export function Example() {
  return (
    <>
      <Spinner className="text-blue-500" />
      <Spinner className="text-green-500" />
      <Spinner className="text-red-500" />
      <Spinner className="text-purple-500" />
    </>
  );
}

---
import { Spinner } from "@/components/starwind/spinner";
import { Button } from "@/components/starwind/button";
---

<Button disabled aria-busy="true">
  <Spinner />
  Loading...
</Button>

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

export function Example() {
  return (
    <>
      <Button disabled aria-busy="true">
        <Spinner />
        Loading...
      </Button>
    </>
  );
}