React-Typing :keyboard:

Typing animation with react

Why?

You want a typing animation in your application. You want it to keep the DOM
structure with nested elements and allow you to use custom components. You also want it to be easily stylable and highly configurable.

This library provides a Typing component that you can wrap around text or
other react components and it will animate the text inside.

Installation

``bash
$ npm install --save react-typing
`

Usage

`jsx
import React from 'react';
import Typing from 'react-typing';

function App() {
return (

Hello World!

);
}
`

`jsx
// Pass html elements as children

Hello World!



Hello World!

`

`jsx
// Pass react components

Hello World!

{new Date()}


`





The Typing component will animate any text in props children.

$3

#### keyDelay (number)

Default: 100

Sets the animation delay between each key press. This delay value is in
milliseconds.

#### onDone` (function)

Function to be called when typing animation is done.