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 |