I want to use a input which allows the user to type in the numbers and also use a slider
Something like this ->
let (numericParam,modifyParam) = React.useState(() => 0);
<div>
<input
type_="number"
value={Js.Int.toString(numericParam)}
onChange={key_event => {
let newinput = key_event->ReactEvent.Form.target##value;
modifyParam(_ => int_of_string(newinput));
}}
/>
<input
type_="range"
min_={Js.Int.toString(0)}
max_={Js.Int.toString(100)}
value={Js.Int.toString(numericParam)}
step={Js.Int.toString(1)}
onChange={key_event => {
let newinput = key_event->ReactEvent.Form.target##value;
modifyParam(_ => int_of_string(newinput));
}}
/>
</div>
However any attempt to use sliders are producing errors. How do use a slider ?