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}
/>
);
Last modified 4mo ago