SliderProps
Represents the props of the KendoReact Slider component.
Definition
Package:@progress/kendo-react-inputs
Properties
ariaDescribedBy?
string
Identifies the element(s) which will describe the component.
ariaLabel?
string
Specifies the accessible label of the Slider.
ariaLabelledBy?
string
Identifies the element(s) which will label the component.
buttons?
boolean
Renders the arrow side buttons of the Slider if set to true.
children?
ReactNode
The content of the Slider component.
className?
string
Adds custom CSS classes to the Slider.
defaultValue?
number
Specifies the default value of the Slider.
disabled?
boolean
When true, disables the Slider.
id?
string
Specifies the id of the Slider.
largeStep?
number
Specifies the step by which the Slider's value will be increased or decreased using pageUp or pageDown keyboard buttons.
max
number
Specifies the maximum value of the Slider.
min
number
Specifies the minimum value of the Slider.
name?
string
Specifies the name property of the input DOM element.
This property is part of the FormComponentProps interface.
onChange?
(event: SliderChangeEvent) => void
Fires when the value of the Slider changes.
required?
boolean
Specifies if null is a valid value for the component.
This property is part of the FormComponentProps interface.
step?
number
Specifies the step by which the Slider's value will be increased or decreased using its buttons or keyboard arrows.
style?
CSSProperties
Sets additional CSS styles to the Slider.
tabIndex?
number
Specifies the tabIndex of the Slider.
valid?
boolean
Overrides the validity state of the component.
If valid is set, the required property will be ignored.
This property is part of the FormComponentProps interface.
validationMessage?
string
Controls the form error message of the component. If set to an empty string, no error will be thrown.
This property is part of the FormComponentProps interface.
validityStyles?
boolean
If set to false, no visual representation of the invalid state of the component will be applied.
This property is part of the FormComponentProps interface.
value?
number
Specifies the current value of the Slider.
vertical?
boolean
Changes the orientation of the Slider to vertical if set to true.
webMcp?
boolean | WebMcpProps
Enables Web MCP tool registration for this component.
Requires a parent WebMcpProvider from @progress/kendo-react-webmcp.