# FloatingActionButton Disabled State

The FloatingActionButton is enabled by default. Set its [`disabled`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/floatingactionbuttonprops#disabled) prop to `true` to prevent users from interacting with the main button. The built-in item renderer also disables every dial item.

A custom [`item`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/floatingactionbuttonprops#item) slot receives the item and its index, but not the main button's `disabled` value. Its disabled presentation must therefore be managed separately.

The following example demonstrates how to toggle the disabled state of the FloatingActionButton.

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

## Disabled Items

By default, the FloatingActionButton items are enabled. To disable a specific item, set the [`disabled`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/floatingactionbuttonitemprops#disabled) property to `true` on that item in the [`items`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/floatingactionbuttonprops#items) collection. A disabled item remains visible in the dial, is exposed as disabled to assistive technologies, and does not invoke the [`onItemclick`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/floatingactionbuttonprops#onitemclick) callback when users click it.

The following example disables one item while keeping the other items available.

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

## Suggested Links

* [Disabled Items](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/floatingactionbutton/disabled#disabled-items)
* [API Reference of the FloatingActionButtonProps](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/floatingactionbuttonprops)