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 (
chatUiVariant="Sequential Line Chat"