Content Setup

The FloatingActionButton allows you to set its textual content 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:

• Pass a string
• Define custom content

Passing a String

To display the necessary information inside the component, set the text property of the FloatingActionButton.

The following example demonstrates how to display a chunk of text inside the FloatingActionButton.

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.

Suggested Links

• API Reference of the FloatingActionButton
• Templates
• Icon FloatingActionButton