Feedback

Spinner

A spinning loading indicator for async operations. Control size and color via className.

Installation

bash

npx polyui add spinner

Sizes

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

属性	类型	默认值	说明
`className`	`string`	`—`	CSS class names for controlling size (size-) and color (text-)