| title | page_title | description | slug | canonicalLink | position |
|---|---|---|---|---|---|
Overview |
Slider Overview - Components - Kendo UI for Vue |
Get an overview of the features the Kendo UI Slider wrapper for Vue delivers and use the component in Vue projects. |
overview_slider_wrapper |
1 |
The Slider enables the user to increase, decrease, and select predefined values by dragging its handle along the track, or by clicking the side arrow buttons.
The component enables you to set minimum and maximum values, define its horizontal or vertical orientation, determine its small and large steps, and adjust the format and position of its tooltip.
The Slider wrapper for Vue is a client-side wrapper for Kendo UI Slider widget.
The following example demonstrates the Slider in action.
{% meta height:280 %} {% embed_file slider/basic/main.vue preview %} {% embed_file slider/basic/main.js %} {% endmeta %}
The Slider supports [keyboard navigation]({% slug keyboard_navigation_slider_wrapper %}).
The following example demonstrates basic Slider events. You can subscribe to all Slider events by the handler name.
{% meta height:280 %} {% embed_file slider/events/main.vue preview %} {% embed_file slider/events/main.js %} {% endmeta %}