Slider
Gold-knobbed drag, reports 0..1.
<Slider aria-label="Effects volume" value={volume} onChange={(event) => setVolume(event.currentTarget.valueAsNumber)} />A themed native range input. Browser drag, keyboard steps, min/max, form behavior, and change events remain intact.