Skip to main content
PolyUI/docs

反馈

Spinner 加载指示器

旋转加载指示器,用于表示异步操作正在进行中。通过 className 控制尺寸和颜色。

安装

bash
npx polyui add spinner

尺寸

tsx
import { Spinner } from "@polyui/react/spinner"
export function SpinnerSizes() {
  return (
    <div className="flex items-center gap-6">
      <Spinner className="size-3" />
      <Spinner className="size-4" />
      <Spinner className="size-6" />
      <Spinner className="size-8" />
      <Spinner className="size-10 text-primary" />
    </div>
  )
}

Props

属性类型默认值说明
classNamestring自定义样式类名,用于控制尺寸(size-*)和颜色(text-*)