All Components

Disabled State

You can enable or disable the Slider for Angular.

To disable the component, set the disabled property to true.

@Component({
    selector: 'my-app',
    template: `
        <kendo-slider
            [disabled]="true"
            [min]="min"
            [max]="max"
            [smallStep]="smallStep"
            [(ngModel)] = "value"
        ></kendo-slider>
    `
})

class AppComponent {
    public value: number = 5;
    public min: number = 0;
    public max: number = 10;
    public smallStep: number = 1;
}
In this article