Introduction
Getting Started
Vue 2 End of Support
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UInew
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Grid
- Icons
- Indicators
- Inputs
- - Overview
  - Getting Started
  - Checkbox
  - ColorGradient
  - ColorPalette
  - ColorPicker
  - Input
  - FlatColorPicker
  - MaskedTextBox
  - NumericTextBox
  - RadioButton
  - RadioGroup
  - Slider
  - RangeSlider
  - - Overview
    - Disabled RangeSlider
    - Labels
    - Orientation
    - Controlled Mode
    - Keyboard Navigation
    - Events
    - Accessibility
  - Signature
  - Switch
  - TextArea
  - TextBoxnew
  - Floating Labels
  - Globalization
  - API
- Labels
- Layoutupdated
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Inputs / RangeSlider / Labels /

New to Kendo UI for Vue? Start a free 30-day trial

Labels

You can provide names for specific RangeSlider values by defining labels along the track.

The labels are rendered by the SliderLabel Component. The SliderLabel properties allow you to configure the content, position, title, and click handler of the RangeSlider.

Example

View Source

Change Theme:

Suggested Links

Disabled RangeSlider

Is this article helpful?

Thank you for your feedback!