Slider component (Angular)link

This guide demonstrates how to use Slider component

Slider Propertieslink

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.

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.

<rz-slider #slider0 name="slider0" (change)="slider0Change($event)">
</rz-slider>

In this article —

Radzen is free to use. You can also test the premium features for 15 days.

Select theme: