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.