All Components

Read-Only Slider

By default, the Slider is in an active state.

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

@Component({
    selector: 'my-app',
    template: `
        <kendo-slider
            [readonly]="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