1.0.2 • Published 3 years ago

react-typing-text-effect v1.0.2

Weekly downloads
8
License
ISC
Repository
-
Last release
3 years ago

react-typing-text-effect

react-typing-text-effect is a react base component with zero dependencies, use to add the typing effect.

codesandbox demo -> Demo

Installation

Use the package manager npm to install .

npm i react-typing-text-effect

Usage

import React from "react";
import { TypingEffect } from "react-typing-text-effect";

export default function App() {
  return (
    <div className="App">
      <h1>react-text-explode</h1>
      <TypingEffect texts={["This is a typewriter effect.", "Using react and simple css"]} />
    </div>
  );
}
propstypedefault valueinfo
textsstring[]''list of text to show
initialTypingDelayMsnumber1000delay before start typing in ms
charTypingDelayMsnumber120delay between letters
containerClassNamestring''additional class name for customize the texts
cursorClassNamestring''additional class name for customize the cursor

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT