Spinner 加载圈

<template>
  <Spinner />
</template>

<script setup lang="ts">
import { Spinner } from "@reglow/reui";
</script>

<template>
  <div class="flex items-center gap-4">
    <Spinner class="size-4" />
    <Spinner class="size-6 text-primary" />
    <Spinner class="size-8 text-destructive" />
  </div>
</template>

<script setup lang="ts">
import { Button, Spinner } from "@reglow/reui";
</script>

<template>
  <Button disabled>
    <Spinner class="size-4" />
    加载中...
  </Button>
  <Button variant="outline" disabled>
    <Spinner class="size-4" />
    提交中
  </Button>
  <Button size="icon" aria-label="加载中">
    <Spinner class="size-4" />
  </Button>
</template>

import { Spinner } from "@reglow/reui";