TextShimmer
Loading example…
Text with a light sweep, used for “thinking…” labels. Static with reduced motion.
Import
Section titled “Import”import { TextShimmer } from "@jcsoftdev/ui/ai";Single-component entry points tree-shake to just this component: @jcsoftdev/ui/ai/text-shimmer.
<TextShimmer duration={2}> Revisando la agenda de hoy…</TextShimmer>| Prop | Type | Default | Description |
|---|---|---|---|
children * |
ReactNode |
||
as |
ElementType |
"span" |
Element to render. |
duration |
number |
2 |
Seconds for one sweep. |
className |
string |
* marks a required prop.
Storybook stories
Section titled “Storybook stories”Source
Section titled “Source”packages/ui/src/ai/text-shimmer/text-shimmer.tsx