ChatMessageBoxTopAffixTemplateDirective

Updated on Mar 19, 2026

Creates a container for custom content displayed at the top of the message box when in multi mode.

To define a message box top affix template, nest an <ng-template> tag with the kendoChatMessageBoxTopAffixTemplate directive inside the <kendo-chat> tag.

html

<kendo-chat>
  <ng-template kendoChatMessageBoxTopAffixTemplate>
    <button kendoButton fillMode="flat" [svgIcon]="plusIcon"></button>
  </ng-template>
</kendo-chat>

Selector

[kendoChatMessageBoxTopAffixTemplate]