Links
Comment on page

Getting Started

Begin building web applications with our quick start guide for the JavaScript Chat UI SDK
At first import ChatBubble component and useConvaiClient hook from convai-chatui-sdk.
import ChatBubble,{ useConvaiClient } from "convai-chatui-sdk";
Invoke the useConvaiClient hook in your application, passing characterId and apiKey as parameters, then store the returned states in a client variable for future reference.
const { client } = useConvaiClient(characterId, apiKey);
In the return statement of your component, render the ChatBubble component that was imported via the NPM package.
return (
<ChatBubble
chatHistory="Show"
chatUiVariant="Sequential Line Chat"
client={client}
/>
);