Loader
@cloudflare/kumo

Loader

A loading spinner to indicate loading state. 

import { Loader } from "@cloudflare/kumo";

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

Installation

Barrel 

import { Loader } from "@cloudflare/kumo";

Granular 

import { Loader } from "@cloudflare/kumo/components/loader";

Usage 

import { Loader } from "@cloudflare/kumo";

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

Examples

Default Size 

import { Loader } from "@cloudflare/kumo";

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

Custom Size 

import { Loader } from "@cloudflare/kumo";

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