Typerer

An easy to use React utility built for typing out messages to a component.

Usage

Typerer takes an array of statements, iterates through and types each to a component. It can be set to loop or only iterate through once. The cursor can be set to a block or line, as well as to blink or not. The cursor will not blink as it is typing, only when paused.

let statements = ['This is handy', 'Can it type this?', 'Oooh, it can'];

<h1><Typerer statements={statements} /></h1>

// other options
<Typerer statements={statements} cursor={'block'} wpm={70} id={'type1'} blink loop />

// to type out the end of a statement
let fantasticAdjectives = ['great!', 'awesome!', 'super helpful!', 'much awesome!']
<h2>Our service is <Typerer statements={fantasticAdjectives} id={'typ2'} blink cursor={'line'} /></h2>

Upcoming changes

• Simulated typos based on common typo patterns (missed capitalizations, key drags, etc.)