1.2.0 • Published 2 years 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-reactor
yarn add @gaiahub/gaia-embed-reactHow 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
2 years ago
1.1.0
2 years ago
1.0.39
2 years ago
1.0.38
2 years ago
1.0.40
2 years ago
1.0.44
2 years ago
1.2.0-alpha.2
2 years ago
1.0.42
2 years ago
1.2.0-alpha.3
2 years ago
1.0.41
2 years ago
1.2.0-alpha.0
2 years ago
1.2.0-alpha.1
2 years ago
1.0.46
2 years ago
1.0.45
2 years ago
1.0.29
2 years ago
1.0.28
2 years ago
1.0.33
2 years ago
1.0.32
2 years ago
1.0.31
2 years ago
1.0.30
2 years ago
1.0.37
2 years ago
1.0.36
2 years ago
1.0.35
2 years ago
1.0.34
2 years ago
1.0.27
2 years ago
1.0.26
2 years ago
1.0.25
2 years ago
1.0.24
2 years ago
1.0.23
2 years ago
1.0.19
2 years ago
1.0.18
2 years ago
1.0.17
2 years ago
1.0.16
2 years ago
1.0.22
2 years ago
1.0.21
2 years ago
1.0.20
2 years ago
1.0.15
2 years ago