RangeSlider
MoleculeNumeric range input built on native `<input type="range">`. Single-handle by default, or `range` for a dual-handle min/max selector. Distinct from the `Slider` carousel component.
65
const [v, setV] = useState(65);
<RangeSlider label="Volume" value={v} onChange={setV} min={0} max={100} />Price range20 – 80
const [range, setRange] = useState<[number, number]>([20, 80]);
<RangeSlider range label="Price range" value={range} onChange={setRange} min={0} max={100} />40
Commits: none yet
<RangeSlider label="Fan speed" value={v} onChange={setV} onCommit={(n) => api.setFan(n)} min={0} max={100} step={5} />40
<RangeSlider label="Fan speed" value={40} onChange={setV} min={0} max={100} step={5} pending />