AuthorMessageTemplateDirective

Updated on Oct 31, 2025

Defines a template for displaying fully custom Chat message bubbles for the current user.

To define a message template, nest an <ng-template> tag with the kendoChatAuthorMessageTemplate directive inside the <kendo-chat> component. The template context is set to the message instance. For more information, refer to the article on message templates.

html

<kendo-chat>
  <ng-template kendoChatAuthorMessageTemplate let-message>
    <div>Message: {{ message.text }}</div>
  </ng-template>
</kendo-chat>

Selector

[kendoChatAuthorMessageTemplate]