Slider component (Angular)
This guide demonstrates how to use Slider component
Slider Properties
| Name | Type | Default | Description |
|---|---|---|---|
| Name | string | ‘slider’ + index suffix | Unique name of the Slider. |
| Value | string/expression | null | Slider value. |
| Placeholder | string | empty | Slider placeholder. |
| ReadOnly | boolean/expression | false | Is Slider read-only. |
| Disabled | boolean/expression | false | Is Slider disabled. |
| Visible | boolean/expression | true | Is Slider visible. |
| Range | boolean/expression | true | Is range selection allowed. |
| Step | number | 1 | Slider step factor to increment/decrement the value. |
| Min | number | 0 | Slider minimum boundary value. |
| Max | number | 100 | Slider maximum boundary value. |
For more info about expressions please visit expressions in our documentation.
Slider Events
| Name | Type | Default | Description |
|---|---|---|---|
| Change | event | null | Change event of the Slider. New value as event argument. |
For more info about event actions please visit event actions in our documentation.
Angular declaration
<rz-slider #slider0 name="slider0" (change)="slider0Change($event)">
</rz-slider>