加载器
用于页面和区块的加载中状态 - 页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。导入
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 |