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}
/>
);
Last updated
Was this helpful?