Installation
pnpm dlx shadcn@latest add https://loading.design/r/thinking-dots.jsonUsage
import { ThinkingDots } from "@/components/loading/thinking-dots"
<ThinkingDots size={8} speed={1.2} />API
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 8 | Diameter of each dot, in pixels. |
| speed | number | 1.2 | Duration of one three-beat cycle, in seconds. |
| label | string | Thinking | Accessible status label. Pass an empty string for decorative use. |
Accessibility
The component exposes a polite status through its label. Use an empty label only when nearby text already communicates the loading state, or when the motion is purely decorative.