Read-Only ColorGradient

By default, the ColorGradient is in an active state.

To render the ColorGradient into a read-only state, set its readonly property to true.

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

In this article