@ug666/react 文档演示
Spinner 加载
Spinner 用于局部加载反馈,适合按钮、列表或页面模块内部。
导入方式
所有示例均直接使用 @ug666/react 中的真实组件导出。
import { Spinner } from '@ug666/react'变体预览
不同尺寸的旋转加载图标。
状态展示
通过颜色区分处理中、成功前等待与高优先级任务。
尺寸展示
组件内置 sm / md / lg 三档尺寸。
代码示例
适合搭配按钮或卡片局部占位。
import { Spinner } from '@ug666/react'
export function LoadingState() {
return <Spinner size="lg" className="text-indigo-500" />
}Props 说明
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| size | 'sm' | 'md' | 'lg' | 'md' | 控制加载图标尺寸。 |
| label | string | '加载中' | 用于无障碍描述。 |
| className | string | — | 扩展颜色与附加动画样式。 |