All Components

Disabled DropDownButton

You can enable or disable the DropDownButton for Angular.

By default, the component is enabled. To change this behavior, use the disabled property.

@Component({
    selector: 'my-app',
    template: `
        <div class="example-wrapper">
            <p>
                <button kendoButton (click)="toggleDisabled()" [primary]="true">Toggle disabled</button>
            </p>
            <kendo-dropdownbutton [data]="data" [disabled]="disabled" [icon]="'gear'">
                User Settings
            </kendo-dropdownbutton>
        </div>
    `
})
class AppComponent {
    public disabled: boolean = true;
    data: Array<any> = [{
        text: 'My Profile'
    }, {
        text: 'Friend Requests'
    }, {
        text: 'Account Settings'
    }, {
        text: 'Support'
    }, {
        text: 'Log Out'
    }];

    public toggleDisabled(): void {
        this.disabled = !this.disabled;
    }
}
In this article