0.1.1 • Published 6 years ago
react-text-type v0.1.1
React-Text-Type
A react typewriter animation that handles delays, blinking duration, sustained blinking, size, and typing speed
Installation
npm install --save react-text-type
yarn add react-text-typeUsage
import Typewriter from 'react-text-type';
// const Typewriter = require('react-text-type');
// ...
render() {
return (
<Typewriter phrase="Hello World!" />
);
}Props
| prop | type | default | description |
|---|---|---|---|
| phrase | string | '' | The phrase to render in typewriting animation |
| fontSize | string | '4em' | Any acceptable css font-size |
| delay | number | 0 | The amount of time (in ms) before the animation starts |
| typingSpeed | number | 1000 | The amount of time (in ms) between letters animating |
| blinkDuration | number | 500 | The amount of time (in ms) between caret blinks |
| sustained | boolean | false | Whether or not the caret continues to blink after the animation has finished. |
This is my first npm module so if there's an issue make an issue I'll get on it :)