Getting Started
    Native Components
    Wrapper Components
    • Barcodes
    • Buttons
    • Charts
    • Chat
    • DataSource
    • Date Inputs
    • Diagram
    • Dialog
    • Dropdowns
    • DropDownTree
    • Editor
    • Gantt
    • Gauges
    • Grid (wrapper)
    • Inputs
    • Layout
    • List Views
    • ListBox
    • Map
    • MediaPlayer
    • PivotGrid
    • Popups
    • Scheduler
    • ScrollView
    • Spreadsheet
    • TreeList
    • TreeMap
    • TreeView
    • Upload
    • Validator
    • Window
    • Framework & Features
    • Globalization
    • Troubleshooting
    Styling & Themes
    Common Features
    Project Setup

Slider Overview

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 Slider-no- Component is part of Kendo UI for Vue, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Basic Usage

The following example demonstrates the Slider in action.

View Source
Edit In Stackblitz  
Change Theme:

Functionality and Features

The Slider supports keyboard navigation.


The following example demonstrates basic Slider events. You can subscribe to all Slider events by the handler name.

View Source
Edit In Stackblitz  
Change Theme: