Simple typing text animation in React

react-typing-text-animation

Simple typing text animation in React component.

Install


npm install react-typing-text-animation

Usage

import TypingTextAnimation from 'react-typing-text-animation'

import 'react-typing-text-animation/dist/index.css' // only if you're using default cursor

function Example() {
  return <TypingTextAnimation text='example' />
}

API

Property Type Default Required
text string "" yes
className string "" no
delay number (ms) 200 no
cursorDuration string (css animation-duration value) "1s" no
reverse bool false no
delayOnReverse number (ms) 50 no
brakeBeforeReverse number (ms) 2500 no
cursor React Element cursor component no

GitHub

https://github.com/ThisGuh/react-typing-text-animation