mirror of
https://github.com/tabler/tabler.git
synced 2025-12-22 01:44:25 +04:00
18 lines
584 B
Plaintext
18 lines
584 B
Plaintext
---
|
|
title: Range slider
|
|
libs: nouislider
|
|
---
|
|
|
|
To be able to use the range slider in your application you will need to install the nouislider dependency with `npm install nouislider`.
|
|
|
|
All options and features can be found [**here**](https://refreshless.com/nouislider/).
|
|
|
|
## Basic range slider
|
|
|
|
```html code example
|
|
<div data-slider='{"js-name": "slider0","start": 50,"range": {"min": 0,"max": 100}}'></div>
|
|
<p demo-slider="slider0"></p>
|
|
```
|
|
|
|
That's only the basic features and options of range slider. More possibilities can be found [**here**](https://refreshless.com/nouislider/).
|