Disabled SplitButton
The SplitButton provides options to toggle its enabled and disabled state and configure its content.
Disabled State
By default, the SplitButton is enabled. To change this behavior, use the disabled property.
@Component({
selector: 'my-app',
template: `
<div class="example-wrapper">
<kendo-splitbutton [data]="data" [disabled]="disabled">
Save
</kendo-splitbutton>
<button kendoButton (click)="toggleDisabled()">Toggle disabled</button>
</div>
`
})
class AppComponent {
public disabled: boolean = true;
public toggleDisabled(): void {
this.disabled = !this.disabled;
}
public data: Array<any> = [{
text: 'Save as'
}, {
text: 'Upload to drive'
}];
}