Loader
@cloudflare/kumo

Loader

用于指示加载状态的加载指示器。

import { Loader } from "@cloudflare/kumo";

export function LoaderBasicDemo() {
  return <Loader />;
}

安装

桶式导入

import { Loader } from "@cloudflare/kumo";

子路径导入

import { Loader } from "@cloudflare/kumo/components/loader";

用法

import { Loader } from "@cloudflare/kumo";

export default function Example() {
  return <Loader />;
}

示例

默认尺寸

import { Loader } from "@cloudflare/kumo";

export function LoaderBasicDemo() {
  return <Loader />;
}

自定义尺寸

import { Loader } from "@cloudflare/kumo";

export function LoaderCustomSizeDemo() {
  return <Loader size={24} />;
}

API 参考

PropTypeDefaultDescription
classNamestring-

通过 cn() 合并的额外 CSS 类。

size"sm" | "base" | "lg""base"

加载指示器的大小。使用预设名称或自定义像素数。

  • "sm" — 16px，用于内联使用
  • "base" — 24px，默认大小
  • "lg" — 32px，用于突出的加载状态