Feedback
Text Shimmer
A restrained animated text sweep for transient work states like "Thinking…"; the label is announced to screen readers exactly once.
A restrained animated text sweep for transient work states — "Thinking…", "Checking results", "Generating". A light band travels across the label while active. The label is exposed to assistive technology exactly once; the duplicated paint layers stay aria-hidden, so a screen reader announces the text a single time.
Import
tsx
1import { TextShimmer } from "@yuhuanowo/yunui";Basic
Basic
Thinking…
Paused
Set active={false} to freeze the sweep without changing the layout or text treatment — useful the moment work finishes, so the label stops moving but stays in place.
Paused
Generating response…Done
Props
TextShimmer also forwards any <span> HTML attributes.
| Prop | Type | Default | Description |
|---|---|---|---|
| active | boolean | true | Pause the sweep while preserving the same layout and text treatment. |
| text* | string | — | The single accessible label and visible text. |