Components · AI
Shows the assistant is working before the first token arrives: a morphing shape and a shimmering label.
import { Thinking Indicator } from '@nexub/react';When to use
Reach for this component when…
When not to use
Pick a different component if…
Name the step when you know it. `label={null}` keeps only the shape.
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| label | ReactNode | null | messages.thinking ('Thinking') | — | Visible text. `null` hides it; "Thinking" is still announced. |
| size | 'sm' | 'md' | 'md' | — | Shape and text size. |
| messages | Partial<{ thinking: string }> | — | — | Local override for the default text. |