componente · @solu30/ui-kit/animation

TextEffect

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

De dónde se importa

import { TextEffect } from '@solu30/ui-kit/animation'

Props

9 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
children	sí	`string`	Texto plano: el componente necesita partirlo.
per	opcional	`TextEffectPer`	Unidad de revelado. Default `"word"`.
as	opcional	`ElementType`	Tag del contenedor. Default `"p"`.
preset	opcional	`TextEffectPreset`	—
delay	opcional	`number`	Segundos antes de arrancar. Default `0`.
stagger	opcional	`number`	Segundos entre segmentos. Default: el `STAGGER` que corresponde a `per`.
trigger	opcional	`boolean`	`false` mantiene el texto oculto. Default `true`.
className	opcional	`string`	—
onAnimationComplete	opcional	`() => void`	—

Ejemplo del paquete

<TextEffect as="h1" per="word" preset="blur-slide" className="text-5xl">
Tu salón, lleno todo el año
</TextEffect>

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.