react-use-autotyper
TypeScript icon, indicating that this package has built-in type declarations

1.2.2 • Public • Published

react-use-autotyper

a react library that will cycle through a given list of strings, typing them out and erasing them

Installation and use

to install this package, run the following command:

    npm install react-use-autotyper --save

To use the useAutotyper hook, first import it at the top of the file you wish to use it in:

import {useAutotyper} from 'react-use-autotyper'

the useAutotyper hook takes in two parameters

items: string[] - an array of strings to cycle through autotyping

delay: number - (optional) ms delay between characters. Defaults to random interval between 100-175ms

Example

import useAutotyper from "./useAutotyper";

function TypingComponent() {
    const text = useAutotyper(['hello','world'])
    return <div>{text}</div>
}

Package Sidebar

Install

npm i react-use-autotyper

Weekly Downloads

1

Version

1.2.2

License

ISC

Unpacked Size

11.4 kB

Total Files

8

Last publish

Collaborators

  • nharper0792