npm

react-typerighter

1.0.0 • Public • Published

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}
    />
  );
}

TypeRighter Example: A text being typed in the screen

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

Readme

Keywords

none

Package Sidebar

Install

npm i react-typerighter

Weekly Downloads

0

Version

1.0.0

License

ISC

Unpacked Size

23.6 kB

Total Files

4

Last publish

Collaborators

  • maikenegreiros