ChatMessageBoxTemplateDirective

Creates a message box area that overrides the default message box of the Chat component.

To define a message box template, nest an <ng-template> tag with the kendoChatMessageBoxTemplate directive inside the <kendo-chat> tag. For more information, see Message Box Template.

html

<kendo-chat>
  <ng-template kendoChatMessageBoxTemplate>
    <input type="text" placeholder="Custom message box..." />
  </ng-template>
</kendo-chat>

Selector

[kendoChatMessageBoxTemplate]