UG666

UG666 UI

@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'控制加载图标尺寸。
labelstring'加载中'用于无障碍描述。
classNamestring扩展颜色与附加动画样式。