componente · @solu30/ui-kit/animation
TextShimmer
El componente, montado
Cargando el componente del paquete instalado…
Cargando el chunk del paquete instalado…
De dónde se importa
import { TextShimmer } from '@solu30/ui-kit/animation'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| children | sí | string | Texto plano: el shimmer necesita medir la longitud para calibrar el brillo. |
| as | opcional | ElementType | Tag a renderizar. Default `p`. |
| className | opcional | string | — |
| duration | opcional | number | Segundos por pasada completa. Default `2`. |
| spread | opcional | number | Ancho del brillo en px por caracter. Más alto = brillo más ancho. Default `2`. |
Ejemplo del paquete
<TextShimmer as="span" className="text-sm">
Generando el presupuesto…
</TextShimmer>Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.