react-type-animation

react-type-animation

React wrapper for typical with extended functionality.

Install

npm install react-type-animation

Usage

import TypeAnimation from 'react-type-animation';

const ExampleComponent = () => {
  return (
    <TypeAnimation
      cursor={false}
      sequence={['React typing animation based on typical', 1000, '']}
      wrapper="h2"
    />
  );
};

Props

Prop	Required	Type	Example	Description
wrapper	no	string	p,h2,div	Key of HTML element that animation is wrapped around
sequence	yes	[]	['One', 1000, 'Two']	Animation steps: [Text, Delay]
repeat	no	number	5,Infinity	Amount of animation repetitions
cursor	no	boolean	false, true	Display blinking cursor in animation