SliderComponent
Represents the Kendo UI Slider component for Angular.
Selector
kendo-slider
Export Name
Accessible in templates as #kendoSliderInstance="kendoSlider"
Inputs
Name | Type | Default | Description |
---|---|---|---|
animate |
| Determines if the animation will be played on value change. Regardless of this setting, no animation will be played during the initial rendering. | |
decrementTitle |
| Sets the title of the Decrease button of the Slider (see example). | |
disabled |
| Determines whether the Slider is disabled (see example). | |
dragHandleTitle |
| Changes the | |
fixedTickWidth |
| Sets the width between each two ticks along the track (see example). The value
has to be set in pixels. If no | |
incrementTitle |
| Sets the title of the Increase button of the Slider (see example). | |
largeStep |
| Specifies that every nth tick will be large and will have a label (see example). Accepts positive integer values only. | |
max |
| The maximum value of the Slider (see example). The attribute accepts both integers and floating-point numbers. | |
min |
| The minimum value of the Slider (see example). The attribute accepts both integers and floating-point numbers. | |
readonly |
| Determines whether the Slider is in its read-only state (see example). | |
showButtons |
| Renders the arrow side buttons of the Slider (see example).
When | |
smallStep |
| The step value of the Slider (see example). Accepts positive values only. Can be an integer or a floating-point number. | |
tabindex |
| Specifies the tabindex of the Slider. | |
tickPlacement |
| Denotes the location of the tick marks in the Slider (see example). The available options are:
| |
title |
| Defines the title of the ticks (see example). The default title for each tick is its Slider value. If you use a callback function, the function accepts an argument that holds the value of the component and returns a string with the new title. | |
value |
| The current value of the Slider when it is initially displayed.
The component can use either NgModel or the | |
vertical |
| If |
Events
Name | Type | Description |
---|---|---|
blur |
| Fires each time the component is blurred. |
focus |
| Fires each time the user focuses the component. |
valueChange |
| Fires each time the user selects a new value. |
Methods
blur |
---|
Blurs the Slider. |
focus |
---|
Focuses the Slider.
|