Explore the Blazor Range Slider control’s five standout features. 

Numeric Range Slider

Single Value Slider

Formatting Values

Custom Slider

Ticks

Numeric Range Slider

The numerical values can be formatted into different decimal digits, a fixed number of whole numbers, or units. Users can format the numeric range sliders any way they want.

Single Value Slider

Users can select a specific numeric value from a range using the single value slider feature. Using a single thumb or two thumbs, the user can select a single value or a range.

Formatting Values

Format the units of Range Slider values as desired. Users can prefix, postfix, and prettify the given values when formatting the slider values.

Custom Slider

Users can change the type of slider to date, time, price, rating, and other sliders. CSS and callback events can also be used to customize the slider bar, background, thumbs, ticks, and tooltips.

Ticks

The ticks feature allows users to identify the Slider's current values quickly. It includes both SmallStep and LargeStep. The sliders will only show the value of the major ticks.

Syncfusion Blazor Range Slider

The Blazor Range Slider is a custom range-type HTML5 input component that allows you to select a value or range of values between a specified min and max.

No credit card required.