Example of Default Functionalities in Blazor Range Slider Component

Range Slider / Default Functionalities

This sample demonstrates the default rendering of the Blazor Range Slider component. Drag the thumb over the bar for selecting the values between Min and Max.

The Range Slider component allows to select a value or range of values in-between a min and max range by dragging the thumb over the slider bar. The three Types of Range Sliders are:

  • Default - Allows to select a single value.
  • MinRange - Allows to select a single value. It highlights a range selection from the minimum value to the current handle value.
  • Range - Allows to select a range of values with two handles, where the handles are connected with a range selection.

In this demo, the Default, MinRange, and Range Slider types can be seen.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE