加载指示器
加载指示器表示未指定的等待时间或显示进程的长度。
安装
以上命令仅用于单独安装。如果满足以下条件,您可以跳过此步骤 @heroui/react
已全局安装。
导入
用法
注意:加载指示器默认添加
Loading
作为aria-label
。这是为了可访问性而必需的。您可以通过传递label
或aria-label
属性来更改它。
尺寸
颜色
带标签
标签颜色
插槽
- base:加载指示器的基础插槽,它包裹着圆圈和标签。
- wrapper:圆圈的包装器。
- circle1:加载指示器的第一个圆圈。
- circle2:加载指示器的第二个圆圈。
- label:标签内容。
API
加载指示器 Props
属性 | 类型 | 默认值 |
label |
| |
size |
| "md" |
color |
| "primary" |
labelColor |
| "default" |
classNames |
|