TextShimmer
Text with a looping gradient shimmer sweeping across it via background-clip: text. Token-driven colors keep AA contrast; reduced motion renders static text.
Installation
npx dafink-ui add text-shimmerDemo
Generating your report…Thinking…
Props
| Name | Type | Default | Description |
|---|---|---|---|
| duration | number | calc(var(--duration-slow) * 8) | Duration of one shimmer sweep in milliseconds. Defaults to a token-derived 2400ms. |
| children | ReactNode | - | Required. The text to shimmer. |
| className | string | "" | Additional Tailwind classes merged onto the text element. |