type-writer-words from Kit-elements

type-writer-words es un componente que simula el efecto de maquina de escribir

Instalacion

Instala con npm:

 npm install type-writer-words

Uso

Uso del componente TypeWriter

  import {TypeWriter} from "type-writer-words"
  
  function App () {
  const arrWords = ["Coding", "with", "react", "and", "typescript"]
  return (
    <TypeWriter words={arrWords} />
  )
}

Props

| Prop | Valor | Por defecto| | ------ | ------ |------| | words | array de strings |[] Array| | cursor | "default" o "line" |"default" string| | typingSpeed | tiempo de escritura|100 number| | deletingSpeed | tiempo de eliminación | 100 number| | wordPause | tiempo de pausa para empezar a eliminar |2000 number| | deletePause | tiempo de pausa para empezar a escribir |2000 number| | color | color de texto |"#000" string|

  import {TypeWriter} from "type-writer-words"
  
  function App () {
  const arrWords = ["Coding", "with", "react", "and", "typescript"]
  return (
    <TypeWriter words={arrWords} cursor={"line"} color={"#000"} typingSpeed={200} deletingSpeed={200} wordPause={3000} deletePause={3000} />
  )
}

Probar

Ejecuta y visita localhost

  npm run dev