Спиннер

Spinner отображает кольцевой CSS-индикатор, а IconSpinner вращает любую декоративную React-ноду, включая Lucide-иконку или собственный SVG. Оба компонента требуют доступное имя, передают ref, поддерживают три размера, скорость от 0 до 100 и останавливают вращение при включённом уменьшении движения.

Пример

Интерактивный пример

Использование

Импортируйте компонент из публичной точки входа пакета.

import { IconSpinner, Spinner } from "denjs-ui";
import { LoaderCircle } from "lucide-react";

export function Example() {
  return (
    <div className="flex items-center gap-4">
      <Spinner aria-label="Loading content" speed={35} />
      <IconSpinner
        aria-label="Loading projects"
        icon={<LoaderCircle />}
        speed={80}
      />
    </div>
  );
}