ReactTypewriter

〰️ 〰 Reaccionista 〰 ⌨️ 〰

React Tytewriter es un componente simple que le permite crear un buen efecto de "máquina de escribir" a cualquier texto simplemente invocando el componente. Prueba CodesandBox.io.

Instalación

npm i react-ts-typewriter

Uso de ejemplo

 import Typewriter from 'react-ts-typewriter' ;

export default function myComponent ( ) {
    return (
        < h1 >
            < Typewriter text = 'Hello' />
        </ h1 >
    )
} 

Accesorios

Nombre	Tipo	Descripción	Requerido	Por defecto
texto	cadena | cadena[]	Texto para mostrar como cadena o una matriz de cadenas	verdadero
velocidad	número	¿Cuánto tiempo (en MS) espera la máquina de escribir después de escribir un personaje?	FALSO	30 ms
bucle	booleano	Establecer en True si la máquina de escribir debe ser el bucle después de finalizar la escritura (s)	FALSO	FALSO
aleatorio	número	MS de aleatoriedad que debe agregarse después de cada pulsación de tecla. Si se establece en cero, cada carrera tomará estrictamente speed ​​MS para completar	FALSO	30 ms
demora	número	MS para esperar después de completar la palabra. Inútil si el bucle se establece en falso o texto no es una matriz	FALSO	30 ms
cursor	booleano	Establecer en falso si la máquina de escribir no debe representar un carácter de cursor parpadeante al final de la cadena	FALSO	verdadero
en minuto	Función	La función de devolución de llamada después de la animación de la máquina de escribir está completa, nunca se dispara si loop es verdadero	FALSO	() => nulo
en marcha	Función	La función de devolución de llamada antes de la animación de máquina de escribir se inicia en cada cadena	FALSO	() => nulo