NoDataTemplateDirective

Updated on May 19, 2026

Lets you customize the content shown when the ListBox has no data to display. To define a no-data template, nest an <ng-template> tag with the kendoListBoxNoDataTemplate directive inside the <kendo-listbox> tag (see example).

html

<kendo-listbox [data]="[]">
  <ng-template kendoListBoxNoDataTemplate>
    No items to display.
  </ng-template>
</kendo-listbox>

Selector

[kendoListBoxNoDataTemplate]