Select theme:
Material 3
- Material 3
- Material 3 Dark
- Material 3 Expressive
- Material 3 Expressive Dark
- Fluent
- Fluent Dark
- Material
- Material Dark
- Standard
- Standard Dark
- Default
- Dark
- Humanistic
- Humanistic Dark
- Software
- Software Dark
warning
You are viewing the legacy Radzen documentation.
Radzen Blazor Studio has replaced Radzen as the primary RAD tool for Blazor applications.
Radzen Blazor Studio offers a modern UI, enhanced features, and improved performance to streamline your development process.
The latest documentation for Radzen Blazor Studio is available here: https://www.radzen.com/blazor-studio/documentation/
Open Radzen Blazor Studio docsSlider component (Angular)linkLink to this section
This guide demonstrates how to use Slider component
Slider PropertieslinkLink to this section
| 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 EventslinkLink to this section
| 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 declarationlinkLink to this section
<rz-slider #slider0 name="slider0" (change)="slider0Change($event)">
</rz-slider>
In this article -
Solutions
Products
Recognition
Resources
Company
Get started today
Radzen is free to use. You can also test the premium features for 15 days.
Start Free
© 2016-2026 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.
IP Geolocation by DB-IP
Designed and developed with ❤️ in Radzen Blazor Studio.
IP Geolocation by DB-IP
Select theme:
Material 3
- Material 3
- Material 3 Dark
- Material 3 Expressive
- Material 3 Expressive Dark
- Fluent
- Fluent Dark
- Material
- Material Dark
- Standard
- Standard Dark
- Default
- Dark
- Humanistic
- Humanistic Dark
- Software
- Software Dark
- Fundamentalskeyboard_arrow_down
- Design timekeyboard_arrow_down
- Security and Authorizationkeyboard_arrow_down
- Deploykeyboard_arrow_down
- Create a complete applicationkeyboard_arrow_down
- Create pages from datakeyboard_arrow_down
- Create pages manuallykeyboard_arrow_down
- Angular Componentskeyboard_arrow_down
- How Tokeyboard_arrow_down