Loader 加载指示器
@lark-ui/core

Loader 加载指示器

用于指示加载状态的加载动画。

import { Loader } from "@lark-ui/core";

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

安装

统一导出

import { Loader } from "@lark-ui/core";

按需导出

import { Loader } from "@lark-ui/core/components/loader";

用法

import { Loader } from "@lark-ui/core";

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

示例

默认尺寸

import { Loader } from "@lark-ui/core";

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

自定义尺寸

import { Loader } from "@lark-ui/core";

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

API 参考

属性类型默认值说明
classNamestring-通过 `cn()` 合并的额外 CSS 类名。
size"sm" | "base" | "lg""base"加载指示器的尺寸。可使用预设名称或自定义像素值。 - `"sm"` — 16px，适合行内使用 - `"base"` — 24px，默认尺寸 - `"lg"` — 32px，适合醒目的加载状态