LMAIBotScreen

LMAIBotScreen is a wrapper component to render the chatroom of the AI Chatbot. It internally renders following components. To customize this wrapper component, you have to customise the mentioned components

• LMChatAIChatbotHeader
• LMChatroom
• LMMessageList
• LMAIChatbotInput

Props

Property	Type	Description	Optional
aiChatbotChatroomId	number	The unique identifier for the AI chatbot's chatroom.
closeAIChatbot	() => void	Function to close the AI chatbot screen.	✔️
isClearChatOptionEnabled	boolean	Indicates if the option to clear chat is enabled.

CSS Classnames

Classname	Description
lm-chat-ai-bot-container	Container or element for lm chat ai bot container
lm-chat-ai-bot-channel	Container or element for lm chat ai bot channel

Example

To customise the component with their classnames, Open your base css file and override the styles using the classname

.lm-chat-ai-bot-channel {
  font-size: 18px;
  color: "red";
}

Reference

For reference checkout this file