catalinmiron/react-typical

React typing animation in ~400 bytes 🐡 of JavaScript.

react-typical

React Animated typing in ~400 bytes 🐡 of JavaScript.

DEMO

Based on awesome typical library by @camwiegert

Youtube Video Tutorial

Install

npm install --save react-typical

Usage

import React, { Component } from 'react'
import Typical from 'react-typical'

class Example extends React.Component {
  render () {
    return (
      <Typical
        steps={['Hello', 1000, 'Hello world!', 500]}
        loop={Infinity}
        wrapper="p"
      />
    )
  }
}

Properties

prop	mandatory	type	Eg.
steps	yes	[]	['Hello', 1000, 'World']
wrapper	no	string	'p'
loop	no	number	3

License

This library is based on @camwiegert/typical work and it currently is just a wrapper for react.

MIT © catalinmiron