1.1.0 • Published 4 years ago
react-floating-whatsapp-button v1.1.0
react-floating-whatsapp-button
React component to add floating whatsapp chat button with window and an optional message to the app.
Install
npm install --save react-floating-whatsapp-buttonUsage
import React, { Component } from 'react'
import { FloatingWhatsApp } from 'react-floating-whatsapp-button'
import 'react-floating-whatsapp-button/dist/index.css'
class Example extends Component {
render() {
return <FloatingWhatsApp />
}
}Example
https://arc9693.github.io/react-floating-whatsapp-button/
Props(optional)
| Name | Description | Type | Default |
|---|---|---|---|
| phone | Phone number | string | '1231231231' |
| message | Sender's default message input | string | '' |
| size | Button size | string | '70px' |
| backgroundColor | Button background color | string | '#25D366' |
| position | left/right | string | 'right' |
| popupMessage | string | 'Hello, how can we help you?' | |
| showPopup | boolean | false | |
| showOnIE | boolean | true | |
| autoOpenTimeout | in ms | number | 2000 |
| headerColor | string | '#128C7E' | |
| headerTitle | string | 'WhatsApp Chat' | |
| zIndex | z-index of the component | number | 0 |
| buttonImage | Base64 encoded button image | string | Whatsapp icon's image |
License
MIT © arc9693