---
title: Disabled Button
page_title: Disabled Button - Button - Kendo UI for Vue
description: "Enable or disable the Kendo UI Button wrapper for Vue."
slug: disabled_state_button_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/buttons/button/disabled-state/"
position: 2
---

<div><WrapperBanner link="/kendo-vue-ui/components/buttons/button/disabled-state"></WrapperBanner></div>

# Disabled Button

The business logic of an application often requires a certain button to be temporarily disabled or enabled.

You can configure the Button to be initially disabled by using its `enable` setting. The component can also be disabled or enabled at any time with JavaScript by using its `enable` method with a Boolean argument. For more information on the [`enable`](https://docs.telerik.com/kendo-ui/api/javascript/ui/button#methods-enable) method, refer to the [Button API](https://docs.telerik.com/kendo-ui/api/javascript/ui/button).

{% meta height:250 %}
{% embed_file button/disabled-buttons/main.vue preview %}
{% embed_file button/disabled-buttons/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI Button for jQuery](https://docs.telerik.com/kendo-ui/controls/navigation/button/overview)
* [API Reference of the Button Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/button)