react-typerighter

react-typerighter

A React Component that makes a cool typing effect

Usage

React TypeRighter is very simple to use

Props

Only one of the props is required, the rest of them is optional

1. text: string | required
2. color: string
3. fontSize: string
4. fontFamily: string
5. blinkTime: number
6. typingTime: number

Example

Here is an example using all the props

import TypeRighter from "react-typerighter";

function MyComponent() {
  return (
    <TypeRighter
      text="My Awesome text"
      color="#ffffff"
      fontSize="2.5em"
      fontFamily="monospace"
      blinkTime={1}
      typingTime={4}
    />
  );
}

Development

If you want to contribute to this project, you have to compile the project in development mode:

npm run dev

By running the previous command, webpack will compile code in develpment mode and will watch the files changes