Sliders
Radix slider with a raised thumb, range and stepped modes, value labels on hover, tick marks, a tall bar style with a label inside, and an enclosed dotted stepper with named steps.
Slider
radix-ui
Default
A single value on a thin track.
Range
Two thumbs for a range, kept apart with minStepsBetweenThumbs.
With Value
showValue shows the value on hover and drag; "always" keeps it visible.
Steps
step and marks for discrete choices with labels.
Bar
variant="bar": a tall bar with an icon, a label and the value inside.
Stepped
variant="stepped": an enclosed dotted track that snaps to named steps, like an effort picker.
Size
sm and md (default).
Disabled
A disabled slider fades and stops responding.