bytedesk-react

bytedesk.com react lib for customer service chat widget

Usage

npm install bytedesk-react --save
# or
yarn add bytedesk-react

Options

import { ChatFloat } from "bytedesk-react";
// 
<ChatFloat
    chatUrl="http://localhost:9006/chat?t=1&sid=default_wg_uid&"
    //buttonPosition: 'right', // botton position：left or right
    //buttonBackgroundColor: 'blue', // button background color
    //iframeMargins: { right: 20, bottom: 20, left: 20 }, // iframe margins
    //buttonMargins: { right: 20, bottom: 20, left: 20 }, // button margins
    //showButton: true, // show button or not
    //showIframe: true // show iframe or not
/>
// params:
chatUrl: chat url;

Example

custom button color	custom button left	custom button margin	custom iframe margin

More

• iOS-oc
• iOS-swift
• Android
• Flutter
• Vue
• React
• React-native
• UniApp
• Web
• Browser-Extension
• Vscode-plugin

LICENSE

MIT

• dumi