Work with Textillate in React more easily!

View the origin version [here](https://www.npmjs.com/package/textillate)

# Usage

```javascript

import { Textillate } from 'textillate-react'

```

## Add animation

```javascript

<Textillate>Happy Codding!</Textillate>

```

## Animation option & font style

```javascript

<h1>
    <Textillate 
        option={{
            in: {effect:'fadeInRight', shuffle:true},
            out: {effect: 'bounceOutUp', shuffle: true},
            loop: true,
        }}
    >
        Happy Codding!
    </Textillate>
</h1>

```

View full option [here](https://www.npmjs.com/package/textillate#options)

## Handle Event

```javascript

const [textillateController, setTextillateController] = useState({});

```

```javascript

<h1>
    <Textillate 
        option={{
            in: {effect:'fadeInRight', shuffle:true},
            out: {effect: 'bounceOutUp', shuffle: true},
            loop: true,
        }}
        controller={setTextillateController}
    >
        Happy Codding!
    </Textillate>
</h1>

```

```javascript

useEffect(() => {
    textillateController.on('start.tlt', e => {
      // do some stuff...
    })
}, [textillateController])

```

View more event [here](https://www.npmjs.com/package/textillate#events)

## Methods

```javascript

textillateController.start() // Manually start/restart textillate
textillateController.stop() // Manually pause/stop textillate
textillateController.in() // Trigger the current text's in animation
textillateController.out() // Trigger the current text's out animation
textillateController.on('event', callback())

```