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

SuffixTemplateDirective

Directive

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

Definition

Package:@progress/kendo-angular-dropdowns

Selector:[kendoSuffixTemplate]

Syntax:

html

<kendo-textbox>
  <ng-template kendoSuffixTemplate>
    <button kendoButton fillMode="clear" [svgIcon]="imageIcon"></button>
  </ng-template>
</kendo-textbox>
<kendo-multiselect [data]="data" [(ngModel)]="value">
  <ng-template kendoSuffixTemplate>
    <button kendoButton fillMode="clear" [svgIcon]="imageIcon"></button>
  </ng-template>
</kendo-multiselect>

Inputs

showSeparator

boolean

Sets the showSeparator attribute of the suffixTemplate.

Default:

false