Components

Spinner 加载

role=status 的环形加载指示器，颜色跟随文本继承。

尺寸

xs 到 lg 四档；color 语义色。

校验中… 部署中… 同步中…

<div class="demo-grid">
  <span class="flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400"><Spinner size="xs" /> 校验中…</span>
  <span class="flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400"><Spinner size="sm" color="primary" /> 部署中…</span>
  <span class="flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400"><Spinner size="md" /> 同步中…</span>
  <Spinner size="lg" class="text-[#2563EB] dark:text-[#70ACFE]" />
</div>

API 参考

属性	类型	默认值	说明
`size`	`'xs' \| 'sm' \| 'md' \| 'lg'`	`md`	直径。
`color`	`'primary' \| 'neutral' \| 'success' \| 'warning' \| 'error'`	`neutral`	语义色，默认继承 currentColor。