text

Simple typing text animation in React

Sep 11, 2021
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

PropertyTypeDefaultRequired
textstring""yes
classNamestring""no
delaynumber (ms)200no
cursorDurationstring (css animation-duration value)"1s"no
reverseboolfalseno
delayOnReversenumber (ms)50no
brakeBeforeReversenumber (ms)2500no
cursorReact Elementcursor componentno

GitHub

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

Recommended