All Components


The Slider supports two modes of orientation—horizontal and vertical.

By default, the component is in horizontal mode. To enable the vertical mode, set the vertical property to true. When in horizontal mode, the Slider displays the smallest value to the left and the largest to the right. When in vertical mode, the component displays the smallest value at the bottom and the largest at the top.

    selector: 'my-app',
    template: `
            [(ngModel)] = "value"

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