加载器
用于页面和区块的加载中状态 - 页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。导入
import { Spinner } from "@resolid/react-ui";
用法
加载中
颜色
颜色
通过传递 color 属性来更改加载器的颜色。加载器支持 primary、success、warning、danger 和 neutral 这些颜色。
<Spinner color={"primary"} />
<Spinner color={"success"} />
<Spinner color={"warning"} />
<Spinner color={"danger"} />
<Spinner color={"neutral"} />
大小
<Spinner size={"xs"} />
<Spinner size={"sm"} />
<Spinner size={"md"} />
<Spinner size={"lg"} />
<Spinner size={"xl"} />
属性
| 属性 | 类型 | 默认值 | 必须 |
|---|---|---|---|
| 属性size | 类型"xs" | "sm" | "md" | "lg" | "xl" | 默认值'md' | 必须false |
| 属性color | 类型"primary" | "neutral" | "success" | "warning" | "danger" | 默认值'primary' | 必须false |
| 属性label | 类型string | 默认值'加载中' | 必须false |