Slider
A slider component for selecting a value from a range.
Basic Usage
Value: 30
<prism-slider [(value)]="sliderValue"></prism-slider>
<p>Value: {{ sliderValue() }}</p>Advanced Configuration
Range: 0-200, Step: 10
<prism-slider
[min]="0"
[max]="200"
[step]="10"
[(value)]="advancedValue">
</prism-slider>PrismSlider API
| Name | Type | Default | Description |
|---|---|---|---|
min | input<number> | 0 | The minimum allowed value. |
max | input<number> | 100 | The maximum allowed value. |
step | input<number> | 1 | The step granularity size. |
disabled | input<boolean> | false | Whether the component is disabled. |
value | model<number> | 0 | The two-way bound slider value. |