## Getting start
Install:
``` npm i --save vanilla-js-chat ```
OR
```
```
Basic install
```
import 'vanilla-js-chat/dist/vanillaJsChat.css'
import VanillaJsChat from 'vanilla-js-chat'
VanillaJsChat.init()
```
In the current html you should add a div with especific ID
```
```
If you want another id you should pass into a init funcion the custom ID created
```
VanillaJsChat.init('my-project-chat')
```
## Send message
### ```addMessage``` method params
`name` - Sender name
`message` - Content message
`color` - The background color [green, blue, yellow, red]
`side` - The side wich the message will be aligned [right, left]
```VanillaJsChat.addMessage('John Doe', 'I`m baba yaga', 'red', 'right')```
## Get user message
The method `onSendMessage` receives a callback as parameter, every message send by a user this callback is called. As many callbacks as needed can be inserted.
```
const storageMessage = ({ message }) => {
database.save(message)
}
const replyMessage = ({ message }) => {
const responseMessage = handleMessage(message)
VanillaJsChat.addMessage('John Doe', responseMessage, 'red', 'right')
}
VanillaJsChat.onSendMessage(storageMessage) // first callback
VanillaJsChat.onSendMessage(replyMessage) // second callback
````
## Close and remove instance
```VanillaJsChat.close()```
## Restart chat
```VanillaJsChat.restart()```
---
_Source: https://npm.io/package/vanilla-js-chat · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._