New to Kendo UI for AngularStart a free 30-day trial

GridSmartBoxPromptSuggestionTemplateDirective

Updated on Feb 6, 2026

Renders the prompt suggestion content.

To define the suggestion template, nest a <ng-template> tag with the kendoGridSmartBoxPromptSuggestionTemplate directive inside the component tag.

The template context is set to the current suggestion. Use the let-suggestion directive to reference the current suggestion.

html
<kendo-smartbox>
  <ng-template kendoGridSmartBoxPromptSuggestionTemplate let-suggestion>
    <kendo-icon-wrapper name="sort-asc" [svgIcon]="sortAscIcon"></kendo-icon-wrapper>
    <span>{{suggestion}}</span>
  </ng-template>
</kendo-smartbox>
NameTypeDefaultDescription

templateRef

TemplateRef<any>

Constructors

GridSmartBoxPromptSuggestionTemplateDirective

(templateRef: TemplateRef<any>)

Parameters

templateRef

TemplateRef<any>