Slider

A range slider for a number between min and max. Bind value with { "@path": "/x" } to read the number. Give it a label.

Examples

Loading examples…

Props

PropTypeDescription
checksobject[]Validation rules. The control shows the first failed one
valuenumberBind it with { "@path": "/x" } to read the number
minnumberDefault 0
maxnumberDefault 100
stepnumberDefault 1
stepsintegerThe number of equal divisions between min and max, instead of step
labelstringThe visible label of the field. Always set it
weightnumberflex-grow in a Row or Column
unitstringUnit after the value, for example "%"
marksobject[]
sliderStyle"continuous" | "discrete"Default "continuous"
disabledboolean
namestring

Link to Slider · All standard components

On this page