react-typewriting-animation

Source code at https://github.com/weianofsteel/react-typewriting-animation

Installation

npm install --save react-typewriting-animation

or

yarn add react-typewriting-animation

Usage

import React from 'react';
import Typewriter from 'react-typewriting-animation';

const Demo = () => {
    return(
        <React.Fragment>
            <Typewriter
                rotateSpeed={1500}
                typeSpeed={150}
                fontSize={'24px'}
                fontFamily={'Roboto'}
                color={'#6f6f6f'}
                heading={'Typewriter'}
                dataText={['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday']}
            />  
        </React.Fragment>
    )
}

export default Demo;

Props

| Name | Type | Default | Description | |-----------------|----------------------|-----------|------------------------------------------------| | dataText | array | [ ] | It's an array, put the sentences as elements. | | | | | Each element should be string | | heading | string | '' | Title of this animation. | | fontFamily | string | auto | Defines font family for typewriting contents. | | fontSize | string | '20px' | Defines font size for typewriting contents. | | color | string | 'black' | Defines color for typewriting contents. | | rotateSpeed | number | 500 | How long typewriting animation show a full | | | | | element. | | typeSpeed | number | 150 | Speed of typewriting animation. |