Slider
4px surface-3 track — the Progress track — with a primary range and a 16px surface thumb on a primary edge, raised like a button because it is pressed. Always show the value as text beside it; a slider without a number is decoration.
<Slider defaultValue={[50]} max={100} step={1} thumbLabels={["Risk threshold"]} />Single
Controlled, with the value read out beside the track.
50
Range
Two named thumbs; the readout shows both ends.
20–80
Steps
step={25}: four stops.
50
Vertical
Value above the track.
50
Disabled
Still shows its number; no hover ring.
50