openmusic-slider

a not ultra fancy slider web component, which shows the current value too

Usage no npm install needed!

<script type="module">
  import openmusicSlider from 'https://cdn.skypack.dev/openmusic-slider';
</script>

README

openmusic-slider

a not ultra fancy slider web component, which shows the current value too

It it essentially an input[type=range] and a span showing the input's current value. That's all it is.

install

npm install openmusic-slider

usage

require('openmusic-slider')('openmusic-slider');

var coolSlider = document.createElement('openmusic-slider');
document.body.appendChild(coolSlider);

properties

  • min
  • max
  • value
  • step

These properties can also be specified as attributes in HTML:

<openmusic-slider min="10" max="100" step="2" value="20"></openmusic-slider>