What is KendoReact
Components
- Animation
- Barcodes
- Buttons
- Charts
- Common Utilitiesupdated
- Conversational UI
- Data Gridupdated
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Form
- Gantt
- Gauges
- Indicators
- Inputsupdated
- - Overview
  - Getting Started
  - Checkbox
  - ColorGradient
  - ColorPalette
  - ColorPicker
  - FlatColorPicker
  - Input
  - MaskedTextBoxupdated
  - NumericTextBoxupdated
  - RadioButton
  - RadioGroup
  - RangeSlider
  - - Overview
    - Disabled RangeSlider
    - Labels
    - Orientation
    - Controlled Mode
    - Keyboard Navigation
    - Accessibility
  - Rating
  - Signature
  - Slider
  - Switch
  - TextArea
  - TextBox
  - Floating Labels
  - Custom attributes
  - Props Context
  - Globalization
  - API
- Labels
- Layoutupdated
- ListBox
- ListView
- Mapbeta
- Notification
- PDF Processing
- PDFViewernew
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- TaskBoard
- Tooltips
- TreeList
- TreeView
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Inputs / RangeSlider / Labels /

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!