加载指示器
加载指示器表示不确定的等待时间或显示过程的长度。
安装
上面的命令仅适用于单独安装。如果已全局安装 @nextui-org/react
,您可以跳过此步骤。
导入
用法
注意: 默认情况下,Spinner 会添加
Loading
作为aria-label
。这是出于辅助功能的要求。您可以通过传递label
或aria-label
属性来更改它。
尺寸
颜色
带标签
标签颜色
插槽
- base:spinner 的基础插槽,它包裹了圆圈和标签。
- wrapper:圆圈的包装器。
- circle1:spinner 的第一个圆圈。
- circle2:spinner 的第二个圆圈。
- label:标签内容。
API
加载指示器属性
属性 | 类型 | 默认值 |
标签 |
| |
尺寸 |
| "md" |
颜色 |
| "主要" |
标签颜色 |
| "默认" |
类名 |
|