range-slider.mdx 593 B

1234567891011121314151617
  1. ---
  2. title: Range slider
  3. libs: nouislider
  4. ---
  5. To be able to use the range slider in your application you will need to install the nouislider dependency with `npm install nouislider`.
  6. All options and features can be found [**here**](https://refreshless.com/nouislider/).
  7. ## Basic range slider
  8. ```html code example centered
  9. <div data-slider='{"js-name": "slider0","start": 50,"range": {"min": 0,"max": 100}}'></div>
  10. <p demo-slider="slider0"></p>
  11. ```
  12. That's only the basic features and options of range slider. More possibilities can be found [**here**](https://refreshless.com/nouislider/).