Skip to content

Commit

Permalink
update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
damian-guh committed Apr 26, 2021
1 parent 25c93ec commit a0dd57b
Showing 1 changed file with 18 additions and 2 deletions.
20 changes: 18 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,25 +2,41 @@

> Simple typing text animation in React component
[![NPM](https://img.shields.io/npm/v/react-typing-text-animation.svg)](https://www.npmjs.com/package/react-typing-text-animation) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
[![NPM](https://img.shields.io/npm/v/react-typing-text-animation.svg)](https://www.npmjs.com/package/react-typing-text-animation)

## Install

```bash

npm install react-typing-text-animation

```

## Usage

```jsx
import TypingTextAnimation from 'react-typing-text-animation'
import 'react-typing-text-animation/dist/index.css'

import 'react-typing-text-animation/dist/index.css' // only if you're using default cursor

function Example() {
return <TypingTextAnimation text='example' />
}
```

## API

| Property | Type | Default | Required |
| :----------------: | :-----------------------------------: | :--------------: | :------: |
| text | string | "" | yes |
| className | string | "" | no |
| delay | number (ms) | 200 | no |
| cursorDuration | string (css animation-duration value) | "1s" | no |
| reverse | bool | false | no |
| delayOnReverse | number (ms) | 50 | no |
| brakeBeforeReverse | number (ms) | 2500 | no |
| cursor | React Element | cursor component | no |

## License

MIT © [ThisGuh](https://github.com/ThisGuh)

0 comments on commit a0dd57b

Please sign in to comment.