Loader

Kaeso 的加载指示：环上的三条路径，领先的一条为全色，每 800ms 节拍前进三分之一圈。在控件中，操作超过 300ms 才显示，之后至少显示 400ms。

查看源码
Saving provider…
import { Loader, Spinner, useDelayedLoading } from "@logicplanes/kaeso-ui";

属性

  • delay
    number | boolean

    在显示加载指示和标签前等待，使快速完成的操作不显示任何内容：true 表示使用组件库的 300ms（useDelayedLoading），或传入毫秒数。默认不等待。

  • hideLabel
    boolean

    label 仅供辅助技术使用，适用于周围页面已说明正在发生什么的情况。

  • label
    string

    显示在加载指示旁（“正在保存服务商…”）；不提供时，以 LocaleProvider 的语言朗读“正在加载”。

  • loading
    boolean = true

    操作是否正在进行；默认为 true。配合 delay 和 minDuration 控制加载指示的时机。

  • minDuration
    number

    显示后至少保留的毫秒数：有延迟时为 400，无延迟时为 0。

  • size
    "md" | "xs" | "sm" | "lg" | "xl" = sm

    加载指示器在字号刻度上的尺寸。

  • tone
    "secondary" | "tertiary" | "current"

    加载指示和标签的颜色：默认为 secondary。