Kendo UI for Vue Native Slider Overview

The Kendo UI for Vue 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 Kendo UI for Vue Slider component is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-inputs NPM package.

Basic Usage

The following example demonstrates the Slider in action.

Change Theme

Theme

Loading ...

Functionality and Features

• Labels
• Side Buttons
• Orientation
• Controlled mode
• Keyboard navigation
• Accessibility

Support and Learning Resources

• Slider Homepage
• Getting Started with the Kendo UI Vue Inputs
• API Reference of the Slider Component
• Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
• Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
• Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
• Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
• Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)
• Virtual Classroom (Training Course for Registered Users)
• Slider Forum
• Knowledge Base
• Kendo UI Productivity Tools extension for VS Code

Additional Resources

• Vue Blogs
• Kendo UI for Vue Roadmap