加载动画
加载动画表示未指定的等待时间或显示进程的长度。
安装
npx nextui-cli@latest add spinner
以上命令仅用于单独安装。如果@nextui-org/react已全局安装，则可以跳过此步骤。
导入
用法
注意: 旋转器默认添加
Loading作为aria-label。这是可访问性所必需的。您可以通过传递label或aria-label道具来更改它。
尺寸
颜色
带标签
标签颜色
插槽
- base: 旋转器的基础插槽，它包裹着圆圈和标签。
- wrapper: 圆圈的包装器。
- circle1: 旋转器的第一个圆圈。
- circle2: 旋转器的第二个圆圈。
- label: 标签内容。
API
圆形进度属性
| 属性 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| label | string | 显示为标签的内容。 | - |
| size | sm | md | lg | 旋转圈的大小。 | md |
| color | default | primary | secondary | success | warning | danger | 旋转圈的颜色。 | primary |
| labelColor | default | primary | secondary | success | warning | danger | 标签的颜色。 | default |
| classNames | Record<"base"｜"wrapper"｜"circle1"｜"circle2"｜"label", string> | 允许为旋转器插槽设置自定义类名。 | - |
