Installation
pnpm dlx shadcn@latest add https://loading.design/r/reasoning-pulse.jsonUsage
import { ReasoningPulse } from "@/components/loading/reasoning-pulse"
<ReasoningPulse text={"Considering the details…"} size={14} speed={1.8} active={true} />API
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | Considering the details… | Visible status copy or the accumulated streamed response. |
| size | number | 14 | Text size in pixels. |
| speed | number | 1.8 | Animation duration in seconds. For streaming text, this is the character fade duration. |
| active | boolean | true | Whether the animation is active. Disable when work finishes to hide the streaming cursor. |
| label | string | Considering the details… | 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.