1.2.0 • Published 1 year ago

@gaiahub/gaia-embed-react v1.2.0

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

GaiaHub Embed React

React library to display GaiaHub chatbot on your website

GaiaHub

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

NameTypeDefault ValueAllowed Values
titlestringGaiahub Chatbotany
titleAvatarSrcstringemptyany image URL
welcomeMessagestring'Hello! How can I help you today?'any
backgroundColorstring#ffffffany color string
headerBackgroundColorstring#2b7a55any color string
headerTextColorstring#ffffffany color string
fontSizenumber16any number
badgeBackgroundColorstring#ffffffany color string
poweredByTextColorstring#162e23any color string
botMessageBackgroundColorstring#f2f2f2any color string
botMessageTextColorstring#282828any color string
botMessageAvatarSrcstring''any image URL
botMessageShowAvatarbooleantruetrue, false
userMessageBackgroundColorstring#b8d5c8any color string
userMessageTextColorstring#282828any color string
userMessageAvatarSrcstring''any image URL
userMessageShowAvatarbooleantruetrue, false
textInputBackgroundColorstring#ffffffany color string
textInputTextColorstring#282828any color string
textInputPlaceholderstring'Type a message...'any
textInputSendButtonColorstring#225e42any color string
bubbleButtonSizestringmediumsmall, medium, large
bubbleButtonBackgroundColorstring''any color string
bubbleButtonIconColorstring''any color string
bubbleButtonCustomIconSrcstring''any image URL
bubbleChatwindowHeightstring''any
bubbleButtonAnchorstringbottom-righttop-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