加载指示器

加载指示器表示未指定的等待时间或显示进程的长度。


安装

以上命令仅用于单独安装。如果满足以下条件,您可以跳过此步骤 @heroui/react 已全局安装。

导入

用法

注意:加载指示器默认添加 Loading 作为 aria-label。这是为了可访问性而必需的。您可以通过传递 labelaria-label 属性来更改它。

尺寸

颜色

带标签

标签颜色

插槽

  • base:加载指示器的基础插槽,它包裹着圆圈和标签。
  • wrapper:圆圈的包装器。
  • circle1:加载指示器的第一个圆圈。
  • circle2:加载指示器的第二个圆圈。
  • label:标签内容。

API

加载指示器 Props

属性类型默认值
label
string
size
sm | md | lg
"md"
color
default | primary | secondary | success | warning | danger
"primary"
labelColor
default | primary | secondary | success | warning | danger
"default"
classNames
Partial<Record<"base"|"wrapper"|"circle1"|"circle2"|"label", string>>