Simple typing text animation in React component
npm install react-typing-text-animation
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' />
}| 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 |
MIT © ThisGuh