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

Content Types

The Floating Action Button component allows you to specify the visual content of the rendered button. It can display the button with an icon indicator, a text label or a combination of both.

To configure the content of the Floating Action Button, use the following properties:

  • icon Using the built-in Kendo UI Icons to set an icon inside the Floating Action Button.
  • iconClass Defines a CSS class or multiple classes separated by spaces which are applied to a span element inside the Floating Action Button. Allows the usage of custom icons.
  • text Sets a text inside the Floating Action Button.
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?