Represents the Kendo UI Slider component for Angular.
Accessible in templates as
Sets the title of the Decrease button of the Slider.
If set to
true, it disables the Slider.
Changes the title attribute of the drag handle, so it can be localized.
Sets the width between each two ticks along the track. The value has to be set in pixels.
fixedTickWidth is provided, the component automatically adjusts the tick width to
accommodate the elements within the size of the component.
Sets the title of the Increase button of the Slider.
The maximum value of the Slider. The attribute accepts both integers and floating-point numbers.
The minimum value of the Slider. The attribute accepts both integers and floating-point numbers.
Makes the Slider side arrow buttons appear. When set to
false, the buttons are not displayed.
The step value of the Slider. The attribute accepts only positive numbers. Can be both integer or a float number.
Denotes the location of the tick marks in the Slider.
The available options are:
before—Tick marks are located to the top side of the horizontal track or to the left side of a vertical track.
after—Tick marks are located to the bottom side of the horizontal track or to the right side of the vertical track.
both—Tick marks are located on both sides of the track.
none—Tick marks are not visible. The actual elements are not added to the DOM tree.
title Function | string
Defines the title of the ticks. The default title for each tick is its Slider value.
If a callback function is used, it accepts an argument holding the value of the component and returns a string with the new title.
The current value of the Slider when initially displayed.
The component can use either the
value binging or
NgModel, but not both of them at the same time.
If set to
true, it changes the orientation of the Slider from horizontal to vertical.
Fires each time the user selects a new value.