Message Templates

You can customize the Chat messages by using templates.

Attachments are not part of the message template. For more information, refer to the section on customizing message attachments.

Defining Message Templates

You can set the message templates either as functional or class components. The templates receive all the data that is related to the message and allow you to customize the rendered massage based on the received props or to style the props as desired. To get the default appearance of the built-in message template, wrap the template content in a "k-bubble" container.

The following example demonstrates how to define and use a message template inside the Chat.

Example
View Source
Edit In Stackblitz  
Change Theme:

Displaying Markdown Content

The following example demonstrates how to render Markdown by utilizing the marked library.

Example
View Source
Edit In Stackblitz  
Change Theme: