New to Kendo UI for Vue? Start a free 30-day trial
FloatingActionButton Content Setup
Updated on Nov 11, 2026
The FloatingActionButton lets you set its textual content and icons according to the specific project requirements. The component enables you to display the button with an icon indicator, a text label, or a combination of both.
To learn how to display an icon in the FloatingActionButton, check out the Icon Options article.
Set the text prop to display a label inside the button. The text that you pass represents the rendered content of the component. Without text, a button with an icon renders as an icon-only button.
The following demo compares an icon, a text label, and both together.
Loading ...