This sample demonstrates how the Chat UI component can be paired with the Rich Text Editor UI to compose rich messages. Type into the composer at the bottom of the chat and press the{' '} Send toolbar button to append a formatted message to the conversation. Use the per-message{' '} Reply action to attach a context reply to your next composed message.
The ChatUIComponent exposes a{' '}
footerTemplate slot that renders
custom content beneath the message list. In this
sample we mount an instance of{' '}
RichTextEditorUIComponent into the
footer so users can format their outgoing
messages with bold, italics, lists, and color
before sending.
The send handler reads HTML from the editor via{' '}
getHtml(), builds a{' '}
MessageModel, and calls{' '}
addMessage() on the chat instance so
the message appears in the conversation with the
correct author, timestamp, and (optional)
reply context.