New to Kendo UI for Angular? Start a free 30-day trial
FloatingActionButtonTemplateDirective
Updated on Oct 30, 2025
Represents a template that defines the content of the FloatingActionButton.
To define the template, nest an <ng-template> tag with the kendoFloatingActionButtonTemplate directive inside the <kendo-floatingactionbutton> tag
(see example).
html
<kendo-floatingactionbutton>
    <ng-template kendoFloatingActionButtonTemplate>
        Custom Content
    </ng-template>
</kendo-floatingactionbutton>Selector
[kendoFloatingActionButtonTemplate]