New to Kendo UI for Vue? 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:

  • Built-in Kendo UI iconsUse the icon property. To see the full list of the web font icons in Kendo UI, refer to the article on styles and layout.
  • FontAwesome and other font iconsSet the required third-party CSS classes through the iconClass property of the component.
  • Text labelsUse the text property of the component.

The following example demonstrates how to display an icon, an icon with some text, and only some text in the FloatingActionButton.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?