# DropDownButton Disabled State

The DropDownButton is enabled by default. Set its [`disabled`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/dropdownbuttonprops#disabled) prop to `true` to prevent users from interacting with it.

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

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

## Disabled Items

All items in the DropDownButton popup are enabled by default. To disable a specific item, set `disabled` to `true` on that item in the [`items`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/dropdownbuttonprops#items) collection. A disabled item remains visible in the popup, but users cannot select it.

The following example demonstrates how to disable and enable an item in the popup.

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

## Suggested Links

* [API Reference of the DropDownButton](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/dropdownbuttonprops)