New to Kendo UI for Angular? Start a free 30-day trial
DialItemTemplateDirective
Updated on Oct 30, 2025
Represents a template that defines the content of a dial item.
To define the template, nest an <ng-template> tag with the kendoDialItemTemplate directive inside the <kendo-floatingactionbutton> tag
(see example).
html
<kendo-floatingactionbutton>
    <ng-template kendoDialItemTemplate let-item="item">
        {{ item.label }}
    </ng-template>
</kendo-floatingactionbutton>Selector
[kendoDialItemTemplate]