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-Additional CSS classes merged via `cn()`.
size"sm" | "base" | "lg""base"Size of the spinner. Use a preset name or a custom pixel number. - `"sm"` — 16px, for inline use - `"base"` — 24px, default size - `"lg"` — 32px, for prominent loading states