ShimmeringText
Stripe Spinner (instead of)In-progress copy that reads as work happening: “Saving…”, “Depositing…”, “Checking your documents…”. Used in buttons instead of a spinner. Plain CSS clipped to the glyphs; under reduced motion it holds still.
When to use
- A primary button while its action runs (tone="primary").
- A status line for a check under way.
Props
| Prop | Type | Description |
|---|---|---|
| text | string | The words. |
| tone | "muted" | "foreground" | "primary" | "destructive" Default "muted" | Match what it sits on. |
| className | string | Extra classes on the outer element. |