Spinners in buttons.

<script setup lang="ts">
import { Button } from "@/components/ui/button"
import { Spinner } from "@/components/ui/spinner"
</script>

<template>
  <div class="flex flex-wrap items-center justify-center gap-4">
    <Button>
      <Spinner data-icon="inline-start" /> Processing…
    </Button>
    <Button variant="outline" disabled>
      <Spinner data-icon="inline-start" /> Loading…
    </Button>
    <Button variant="outline" size="icon" disabled aria-label="Loading">
      <Spinner />
    </Button>
  </div>
</template>