Loader
@photon-ai/kumo-solid

Loader

A loading spinner to indicate loading state.

import { Loader } from "@photon-ai/kumo-solid";

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

Installation

Barrel

import { Loader } from "@photon-ai/kumo-solid";

Granular

import { Loader } from "@photon-ai/kumo-solid/components/loader";

Usage

import { Loader } from "@photon-ai/kumo-solid";

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

Examples

Default Size

import { Loader } from "@photon-ai/kumo-solid";

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

Custom Size

import { Loader } from "@photon-ai/kumo-solid";

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

API Reference

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