New to Kendo UI for Angular? Start a free 30-day trial

Icon FloatingActionButton

The FloatingActionButton allows you to specify the visual content of the rendered button by adding predefined, or custom icons to it. It can display the button with an icon indicator, a text label or a combination of both.

The FloatingActionButton provides options for:

  • Using the built-in Kendo UI icons. They are applied through the icon property. To see the full list of the web font icons in Kendo UI, refer to the article on styles and layout.
  • Adding FontAwesome and other font icons. They are implemented by setting the required third-party CSS classes through the iconClass property of the component.
  • Adding a text label through the text property of the component.
  • For providing templates to display custom content, refer to the article on Templates.
Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?