react-typewriter

Description

The simplest typewriter effect component in React.

Install

npm install --save @icarolavrador/react-typewriter

Usage

import React from 'react'

import Typewriter from 'react-typewriter'
import 'react-typewriter/dist/index.css'

const App = () => {
  const textArrayExample = [
    'small',
    'medium, this is a medium size text example',
    'long text, this is a long text to server as an example how long text work!'
  ]
  return <Typewriter textArray={textArrayExample} />
}

export default App

SASS variables to override

$typewriter-color-text: #525f7f;
$typewriter-color-underline: #d50000;
$typewriter-text-size: 1.25rem;

Sample page

https://icaronz.github.io/react-typewriter/

License

MIT © icaroNZ