# FloatingActionButton Content Setup

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](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/icons), a text label, or a combination of both.

> tip To learn how to display an icon in the FloatingActionButton, check out the [Icon Options](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/icons) article.

Set the [`text`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/floatingactionbuttonprops#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.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/buttons/floatingactionbutton/content-types/source.txt)

## Suggested Links

* [API Reference of the FloatingActionButtonProps](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/floatingactionbuttonprops)
* [Icon Options](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/icons)