Skip to content

Loader

Open .md
Live preview

Loading example…

Animated waiting indicator. With reduced motion the dots stay still.

import { Loader } from "@jcsoftdev/ui/ai";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/ai/loader.

<Loader variant="dots" size="md" label="Escribiendo…" />
Prop Type Default Description
variant "dots" | "typing" "dots" dots is the bare indicator; typing wraps it in a bubble with a label.
size "sm" | "md" "md"
label string "Escribiendo…" Spoken label (role="status"); shown as text in the typing variant.
className string

* marks a required prop.

packages/ui/src/ai/loader/loader.tsx