Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA status line for an assistant that is working, with dots, bars, wave or shimmer animation, rotating labels and an optional timer.
Derived from this item’s props table, because it declares no controls of its own. Changes drive the preview live.
import { ThinkingIndicator } from "@/components/ui/thinking-indicator"<ThinkingIndicator
variant="shimmer"
showTimer
label={["Reading the files", "Drafting a reply"]}
/>| Prop | Type | Default | Description |
|---|---|---|---|
variant | "dots" | "bars" | "wave" | "shimmer" | "dots" | Animation beside the text. "shimmer" sweeps light across the text only. |
label | string | string[] | "Thinking" | One label, or several that take turns. |
interval | number | 2600 | Milliseconds each label stays before the next. |
showTimer | boolean | false | Shows a running timer such as "12s" or "1:05". |
elapsed | number | - | Elapsed seconds. When set, the timer shows this instead of counting itself. |
statusLabel | string | "Assistant is thinking" | What screen readers hear. |
size | "sm" | "default" | "default" | Text size of the label. |
Also accepts all <div> props except children.
The root has role="status". Screen readers hear statusLabel once; the rotating labels and timer are hidden from them so a long task does not keep announcing. Under reduced motion the animations hold still.