1.2.0 • Published 1 year ago
@gaiahub/gaia-embed-react v1.2.0
GaiaHub Embed React
React library to display GaiaHub chatbot on your website
Install
npm install @gaiahub/gaia-embed-react
or
yarn add @gaiahub/gaia-embed-react
How to use
Full Page Chat
import { FullPageChat } from "@gaiahub/gaiahub-embed-react";
const App = () => {
return (
<FullPageChat
chatflowid="your-chatflow-id"
customConfig={{
...OPTIONAL_CUSTOM_CONFIG
}}
/>
);
};
Popup Chat
import { BubbleChat } from "@gaiahub/gaiahub-embed-react";
const App = () => {
return (
<BubbleChat
chatflowid="your-chatflow-id"
customConfig={{
...OPTIONAL_CUSTOM_CONFIG
}}
/>
);
};
Custom Config
Name | Type | Default Value | Allowed Values |
---|---|---|---|
title | string | Gaiahub Chatbot | any |
titleAvatarSrc | string | empty | any image URL |
welcomeMessage | string | 'Hello! How can I help you today?' | any |
backgroundColor | string | #ffffff | any color string |
headerBackgroundColor | string | #2b7a55 | any color string |
headerTextColor | string | #ffffff | any color string |
fontSize | number | 16 | any number |
badgeBackgroundColor | string | #ffffff | any color string |
poweredByTextColor | string | #162e23 | any color string |
botMessageBackgroundColor | string | #f2f2f2 | any color string |
botMessageTextColor | string | #282828 | any color string |
botMessageAvatarSrc | string | '' | any image URL |
botMessageShowAvatar | boolean | true | true , false |
userMessageBackgroundColor | string | #b8d5c8 | any color string |
userMessageTextColor | string | #282828 | any color string |
userMessageAvatarSrc | string | '' | any image URL |
userMessageShowAvatar | boolean | true | true , false |
textInputBackgroundColor | string | #ffffff | any color string |
textInputTextColor | string | #282828 | any color string |
textInputPlaceholder | string | 'Type a message...' | any |
textInputSendButtonColor | string | #225e42 | any color string |
bubbleButtonSize | string | medium | small , medium , large |
bubbleButtonBackgroundColor | string | '' | any color string |
bubbleButtonIconColor | string | '' | any color string |
bubbleButtonCustomIconSrc | string | '' | any image URL |
bubbleChatwindowHeight | string | '' | any |
bubbleButtonAnchor | string | bottom-right | top-left , top-right , bottom-left , bottom-right |
1.2.0
1 year ago
1.1.0
1 year ago
1.0.39
1 year ago
1.0.38
1 year ago
1.0.40
1 year ago
1.0.44
1 year ago
1.2.0-alpha.2
1 year ago
1.0.42
1 year ago
1.2.0-alpha.3
1 year ago
1.0.41
1 year ago
1.2.0-alpha.0
1 year ago
1.2.0-alpha.1
1 year ago
1.0.46
1 year ago
1.0.45
1 year ago
1.0.29
1 year ago
1.0.28
1 year ago
1.0.33
1 year ago
1.0.32
1 year ago
1.0.31
1 year ago
1.0.30
1 year ago
1.0.37
1 year ago
1.0.36
1 year ago
1.0.35
1 year ago
1.0.34
1 year ago
1.0.27
1 year ago
1.0.26
1 year ago
1.0.25
1 year ago
1.0.24
1 year ago
1.0.23
1 year ago
1.0.19
1 year ago
1.0.18
1 year ago
1.0.17
1 year ago
1.0.16
1 year ago
1.0.22
1 year ago
1.0.21
1 year ago
1.0.20
1 year ago
1.0.15
1 year ago