React-typing-animated NPM

react-typing-animation

Simple react component to animate any tag in text you want.

Use npm start to preview

  <AnimatedText
    text='h1 Animated typing text'
    tag='h1'
  />

name	required	type	default	description
tag	true	string		Tag that the text will be put in
text	true	string		Text to be animated
alwaysRefresh	false	boolean	false	If true: always reanimate when prop changes, otherwise reanimate on text change
delay	false	number	0	Delay of the animation start by ms
disabled	false	boolean	false	Disable animation start until set to true
href	false	string		href in case it is a link
speed	false	number	100	Time needed for each symbol to appear in a sequence in ms
style	false	Object		Outer div style
textStyle	false	Object		Inner Tag style
type	false	string		If type == 'random': Text will replace randomly generated characters instead of typing