react-auto-typing v1.0.0

auto-typing-react

Auto typing animation's component

Install

npm install --save react-auto-typing

Usage

import React from 'react'

import AutoTyping, { BlinkCursor } from 'react-auto-typing'

export const myComponent = () => (
  <>
    <AutoTyping
      active // <boolean>
      textRef='Your string text' // <string>
      writeSpeed={150} // <number>
      deleteSpeed={150} // <number>
      delayToWrite={1000} // <number>
      delayToDelete={2000} // <number>
    />
    <BlinkCursor
      active // <boolean>
      blinkSpeed={500} // <number>
    />
  </>
)

Properties

If you don't put the properties, they will use default values.

AutoTyping

• active start/stop animation. Default value: true <boolean>
• textRef string to write. Default value: Input a string <string>
• writeSpeed writing speed. Default value: 50 <number>
• deleteSpeed delete speed. Default value: 50 <number>
• delayToWrite time until starts to write. Default value: 1000 <number>
• delayToDelete time until starts to delete. Default value: 1500 <number>

BlinkCursor

• active start/stop animation. Default value: true <boolean>
• blinkSpeed speed of blink. Default value: 500 <number>

License

MIT © iZanfir