Disabled ColorPicker

By default, the ColorPicker is enabled.

To disable user interaction with the component, set the disabled property to true.

@Component({
    selector: 'my-app',
    template: `
        <div class="example-config">
            <input type="checkbox" class="k-checkbox" id="disabled" [(ngModel)]="isDisabled">
            <label class="k-checkbox-label" for="disabled">Disabled</label>
        </div>
        <kendo-colorpicker
            [disabled]="isDisabled"
        >
        </kendo-colorpicker>
    `
})
export class AppComponent {
    public isDisabled: boolean = true;
}

In this article