react-typing-text-effect
TypeScript icon, indicating that this package has built-in type declarations

1.0.2 • Public • Published

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>
  );
}
props type default value info
texts string[] [''] list of text to show
initialTypingDelayMs number 1000 delay before start typing in ms
charTypingDelayMs number 120 delay between letters
containerClassName string '' additional class name for customize the texts
cursorClassName string '' 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

Readme

Keywords

none

Package Sidebar

Install

npm i react-typing-text-effect

Weekly Downloads

3

Version

1.0.2

License

ISC

Unpacked Size

51.4 kB

Total Files

17

Last publish

Collaborators

  • orenef