New to Kendo UI for Angular? Start a free 30-day trial

ChatMessageBoxTemplateDirective

Directive

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.

Definition

Package:@progress/kendo-angular-conversational-ui

Selector:[kendoChatMessageBoxTemplate]

Syntax:

html

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