What is KendoReact

Components

Animation
Buttons
Charts
Common Utilities
Conversational UI
Data Query
Data Tools
Date Inputs
Date Math
Dialogs
Drawing
Dropdowns
Editor
Excel Export
File Saver
Form
Gantt
Gauges
Grid
Indicators
Inputs

Checkbox
ColorGradient
ColorPalette
ColorPicker
Input
MaskedTextBox
NumericTextBox
RadioButton
RadioGroup
RangeSlider
Slider

Getting Started

Controlled Mode

Keyboard Navigation

Rating
Switch
TextArea

Floating Labels

Custom attributes

Labels
Layout
ListBox
ListView
Notification
PDF Processing
Popup
Progress Bars
Ripple
Scheduler
Sortable
Tooltip
TreeList
TreeView
Upload

Sample Applications

Styling & Themes

Common Features

Project Setup

Changelog

Components / Inputs / Slider / Controlled Mode /

New to KendoReact? Start a free 30-day trial

Controlled Mode

By default, the Slider is in an uncontrolled state.

To manage the state of the Slider:

Use its value property.
Handle the onChange event.
Pass the new value through the props.

Example

View Source

Edit In Stackblitz

Change Theme:

Suggested Links

API Reference of the Slider

Keyboard Navigation

Was this article helpful?

Getting Started

Support Resources

Community

Telerik and Kendo UI are part of Progress product portfolio. Progress is the leading provider of application development and digital experience technologies.

Copyright © 2021, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved. Progress, Telerik, Ipswitch, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.

DO NOT SELL MY PERSONAL INFORMATION