Marquesina continua que fluye por trayectorias SVG curvas.
npx shadcn@latest add https://reactbits.dev/r/TextLoop-TS-TW
Úsalas en titulares y mensajes clave. Una por pantalla: si todo se mueve, nada destaca.
| Prop | Tipo | Por defecto |
|---|---|---|
| text | string | "React ✦ Bits" |
| shape | "wave" | "circle" | "infinity" | "arch" | "line" | "wave" |
| path | string | undefined |
| speed | number | 90 |
| direction | "forward" | "reverse" | "forward" |
| separator | string | "✦" |
| curviness | number | 90 |
| fontSize | number | 46 |
| fontWeight | number | 800 |
| letterSpacing | number | 2 |
| uppercase | boolean | true |
| color | string | "#ffffff" |
| ribbon | boolean | true |
| ribbonColor | string | "#5227FF" |
| ribbonWidth | number | 86 |
| pauseOnHover | boolean | true |
| className | string | "" |
| style | object | {} |