SuffixTemplateDirective

Updated on Jun 6, 2025

Represents the directive for suffix adornments in the Inputs and DropDowns components.

Use the kendoSuffixTemplate directive to add custom content to the suffix container.

• See Inputs Suffix Adornments
• See DropDowns Suffix Adornments

html

<kendo-textbox>
  <ng-template kendoSuffixTemplate>
    <button kendoButton look="clear" icon="image"></button>
  </ng-template>
</kendo-textbox>
<kendo-multiselect [data]="data" [(ngModel)]="value">
  <ng-template kendoSuffixTemplate>
    <button kendoButton look="clear" icon="image"></button>
  </ng-template>
</kendo-multiselect>

Name	Type	Default	Description
showSeparator	boolean	false	Sets the showSeparator attribute of the suffixTemplate.
templateRef	TemplateRef<any>

Constructors

SuffixTemplateDirective

(templateRef: TemplateRef<any>)

Parameters

templateRef

TemplateRef<any>