<range-slider> element
A custom element drop in replacement for the input type range element.
Accessible range slider custom element with keyboard support.
Follows the ARIA best practices guide on sliders.
Install
$ npm install range-slider-element
Usage
import 'range-slider-element';
<range-slider min="0" max="100" step="1"></range-slider>
Events
input
The input
event gets fired from the <range-slider>
element when the value updates.
This event bubbles, and can be canceled.
document.addEventListener('input', event => {
event.preventDefault();
});
License
MIT © André Ruffert