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'
    }];
}

In this article