ReactTypewriter

〰 ⌨️ 〰 reave a máquina de escrever 〰 ⌨️ 〰

O React Typwriter é um componente simples que permite criar um bom efeito de "máquina de escrever" para qualquer texto simplesmente invocando o componente. Experimente o codesandbox.io.

Instalação

npm i react-ts-typewriter

Exemplo de uso

 import Typewriter from 'react-ts-typewriter' ;

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

Adereços

Nome do suporte	Tipo	Descrição	Obrigatório	Padrão
texto	string | corda[]	Texto para ser exibido como string ou uma variedade de strings	verdadeiro
velocidade	número	Quanto tempo (em ms) a máquina de escrever espera depois de digitar um personagem	falso	30ms
laço	booleano	Defina como true se a máquina de escrever deve fazer um loop após terminar de digitar as string (s)	falso	falso
aleatório	número	MS de aleatoriedade que deve ser adicionada após cada pressionamento de tecla. Se definido como zero, cada golpe levará estritamente speed ms para concluir	falso	30ms
atraso	número	MS para esperar depois de completar a palavra. Inútil se o loop for definido como falso ou o texto não for uma matriz	falso	30ms
cursor	booleano	Definido como false se a máquina de escrever não deve render	falso	verdadeiro
Onfinished	Função	Função de retorno de chamada após a conclusão da animação da máquina de escrever, nunca gatilhos se loop for verdadeiro	falso	() => vazio
OnStart	Função	Função de retorno de chamada antes da animação da máquina de escrever é iniciada em cada string	falso	() => vazio