Range Slider
An input where the user selects a range of values between two thumbs.
Usage
Range: 20 - 80
API Reference
| Input | Type | Default |
|---|---|---|
| low | number | 0 |
| high | number | 100 |
| min | number | 0 |
| max | number | 100 |
| step | number | 1 |
| disabled | boolean | false |
| orientation | NgpOrientation | 'horizontal' |
| ariaLabelLow | string | — |
| ariaLabelHigh | string | — |
| Output | Type |
|---|---|
| lowChange | number |
| highChange | number |
Component Source
Install via CLI:
npx @voltui/cli add range-sliderTypeScript
Loading editor…
Copy this code to your project. The component uses ng-primitives/slider.