rea11y-sliders

Rea11y slider

import {Slider, RangeSlider} from 'rea11y-slider';

Slider

function makeText({value}) {
    return value;
}
 
function handleChange(value) {
    console.log(value);
}
 
<Slider
    min={0}
    max={100}
    value={42}
    step={1}
    bigStep={10}
    text={makeText}
    onChange={handleChange}
/>

Range slider

function handleChange(upperValue, lowerValue) {
    console.log(upperValue, lowerValue);
}
 
<RangeSlider
    min={0}
    max={100}
    lowerValue={24}
    upperValue={96}
    step={1}
    bigStep={10}
    text={makeText}
    onChange={handleChange}
/>