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}
/>