This sample demonstrates the features of the Chat UI component, designed to simulate a real-time chat interface. It highlights customizable elements like headers, avatars, synchronized messaging update, and real-time typing indicators.
In this example, two Chat UI web component are used to represent users Albert and Reena, each with a unique header, avatar, and toolbar. Messages are instantly synchronized between the two users through the messageSend event, while typing indicators are shown in the other chat interface via the userTyping event, adding a more interactive feel. The toolbar for each chat includes a dropdown menu with options like muting and deleting messages, demonstrating the component’s ability to customize and control the chat experience.