Search results

Set the disabled state in Vue Button component

23 Jun 2022 / 1 minute to read

Vue Button component can be enabled/disabled by giving disabled property. To disable Vue Button component, the disabled property can be set as true.

The following example demonstrates Button in disabled state.

Source
Preview
app.vue
Copied to clipboard
<template>
    <ejs-button disabled=true>Disabled</ejs-button>
</template>

<script>
import Vue from 'vue';
import { ButtonPlugin } from '@syncfusion/ej2-vue-buttons';
import { enableRipple } from '@syncfusion/ej2-base';

enableRipple(true);
Vue.use(ButtonPlugin);

export default {}
</script>

<style>
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';

button {
  margin: 25px 5px 20px 20px;
}
</style>