New to Kendo UI for Angular? Start a free 30-day trial
Content Types
Updated on Sep 30, 2026
The FloatingActionButton allows you to set its text and icons according to the specific project requirements.
The component enables you to display the button with an icon indicator, a text label, or a combination of both.
Setting the Text
To configure the FloatingActionButton content, use any of the following approaches:
Passing a String
To display text inside the component, set the text property of the FloatingActionButton.
The following example demonstrates how to display a chunk of text inside the FloatingActionButton.
Loading ...
Defining Custom Content
You can customize the look of the FloatingActionButton by using the kendoFloatingActionButtonTemplate directive. For details, go to the topic about the supported FloatingActionButton templates.