SliderProps
Represents the props of the Kendo UI for Vue Slider component.
Definition
Package:@progress/kendo-vue-inputs
Properties
ariaDescribedBy?
string
Sets the IDs of the elements that describe the Slider, like the HTML aria-describedby attribute. For example, these elements can contain an error or a hint message.
ariaLabel?
string
Sets the aria-label attribute of the Slider.
ariaLabelledBy?
string
Sets the IDs of the elements that label the Slider.
buttons?
boolean
Renders the arrow side buttons of the Slider when you set it to true.
defaultValue?
number
Sets the initial value of the Slider when you do not set value.
dir?
string
Sets the dir HTML attribute of the Slider.
disabled?
boolean
Sets whether the Slider is disabled.
id?
string
Sets the id of the wrapping element of the Slider.
max
number
Sets the maximum value of the Slider.
min
number
Sets the minimum value of the Slider.
name?
string
Sets the name property of the input DOM element.
onChange?
(event: SliderChangeEvent) => void
Fires each time the user changes the value. The event name is change.
required?
boolean
Sets whether null is a valid value for the component.
step?
number
Sets the step by which the value increases or decreases.
valid?
boolean
Overrides the validity state of the component.
When you set valid, the component ignores the required property.
validationMessage?
string
Sets the form error message of the component. If you set it to an empty string, the component shows no error.
validityStyles?
boolean
Shows or hides the invalid state styles of the component. When you set it to false, the component shows no invalid state styles.
value?
number
Sets the value of the Slider. Use it to control the value.
vertical?
boolean
Changes the orientation of the Slider from horizontal to vertical when you set it to true
(see example).