Animated shimmer text for streaming, thinking, and loading labels.
Use TextShimmer for short labels that indicate active generation or background work.
The shimmer uses currentColor, so you can pass text color utilities such as text-muted and keep the animation visible.
<TextShimmer className="text-muted">Thinking...</TextShimmer>import {TextShimmer} from "@heroui-pro/react";
<TextShimmer>Thinking...</TextShimmer>.text-shimmer - Root animated text element| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | - | Text content |
className | string | - | Additional classes, including color and text size utilities |
Also supports render props from HeroUI dom.span.