Spinner 进行中指示

Spinner 表示正在处理，不表示完成比例。适合保存按钮、局部刷新或少量等待；首次加载长内容时优先使用与布局相符的 Skeleton。

安装复制章节链接

首次使用请先完成 Registry 与主题接入。

组合复制章节链接

<span role="status">
  <Spinner size={14} /> 正在保存…
</span>

使用当前文字颜色，不单独硬编码背景。按钮等待时同时更新文案、阻止重复动作；减少动态效果模式下保持静态指示和状态文本。

Props复制章节链接

键盘与约束复制章节链接

Spinner 不可聚焦。不要改变等待按钮宽度导致邻近操作跳动；长时间请求应给出可恢复的错误或取消策略，这些由业务管理。

避免这样使用复制章节链接

不要让读屏只读到没有含义的图形；不要永久旋转来掩盖失败；不要同时在每一行和页面中央重复显示等待动画。

来源与版本复制章节链接

0.1.0，来自 Subtic apps/web/components/ui/spinner.tsx。提炼为无应用依赖的 SVG 指示器。