New to Kendo UI for Vue? Start a free 30-day trial

FloatingActionButton Disabled State

Updated on Nov 11, 2026

The FloatingActionButton is enabled by default. Set its 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 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.

Example
View Source
Loading ...

Disabled Items

By default, the FloatingActionButton items are enabled. To disable a specific item, set the disabled property to true on that item in the items collection. A disabled item remains visible in the dial, is exposed as disabled to assistive technologies, and does not invoke the onItemclick callback when users click it.

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

Example
View Source
Loading ...
In this article
Disabled ItemsSuggested Links
Not finding the help you need?
Contact Support