React Typester

Add your text to the DOM with a 'typing' animation, or 'word-by-word'.

Install

npm i react-typester

Usage

import React from 'react';
import ReactTypester from 'react-typester';
 
function App() {
  return (
    <ReactTypester 
      text="Hello World"
      effect="characters"
      speed="300"
    />
  );
}

Required props (all as strings)

text

The text that will added to the DOM

effect

How the text will be added to the DOM. Either by "character" or by "word".

speed

How fast the text should be added to the DOM. In miliseconds.