加载指示器

加载指示器表示不确定的等待时间或显示过程的长度。


安装

上面的命令仅适用于单独安装。如果已全局安装 @nextui-org/react ,您可以跳过此步骤。

导入

用法

注意: 默认情况下,Spinner 会添加 Loading 作为 aria-label。这是出于辅助功能的要求。您可以通过传递 labelaria-label 属性来更改它。

尺寸

颜色

带标签

标签颜色

插槽

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

API

加载指示器属性

属性类型默认值
标签
字符串
尺寸
sm | md | lg
"md"
颜色
默认 | 主要 | 次要 | 成功 | 警告 | 危险
"主要"
标签颜色
默认 | 主要 | 次要 | 成功 | 警告 | 危险
"默认"
类名
Partial<Record<"base"|"wrapper"|"circle1"|"circle2"|"label", string>>