Appearance
The Telerik UI FloatingActionButton TagHelper for ASP.NET Core allows you to customize the appearance of the component by setting its the size, shape, color, icon and text.
Best Practices
The Material Design guidelines dictate that:
When you configure the FloatingActionButton to display additional related actions (speed dial actions), you should configure only an icon for the button, without a label. Use labels to display additional information for the related actions.
If the application requires an icon and a label for the Kendo UI FloatingActionButton, consider omitting the additional actions.
<kendo-floatingactionbutton name="fab"
icon="plus"
text="Add To Cart">
</kendo-floatingactionbutton>
Icons
The icon
configuration option specifies the name of an icon. The selected icon must be available in the Kendo UI theme that is rendered by the FloatingActionButton. For more details on the available Web Font icons, see the Web Font Icons article.
<kendo-floatingactionbutton name="fab"
icon="plus">
<floatingactionbutton-items>
<floatingactionbutton-item label="Add Rating" icon="star"></floatingactionbutton-item>
<floatingactionbutton-item label="Add Comment" icon="edit"></floatingactionbutton-item>
</floatingactionbutton-items>
</kendo-floatingactionbutton>