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 icons—Use the
icon
property. Check the list of web icons provided by the Kendo UI for Angular suite. - FontAwesome and other font icons—Set the required third-party CSS classes through the
iconClass
property of the component. - Text labels—Use the
text
property of the component. - Templates—To display custom content, refer to the article on using templates in the FloatingActionButton.
The following example demonstrates how to display an icon, an icon with some text, and only some text in the FloatingActionButton.
Setting an SVG Icon
Use the svgIcon
property to set an SVG icon. Check the list of SVG icons provided by Kendo UI for Angular suite.
The following example demonstrates how to set an SVG icon in the FloatingActionButton.