Blazor Range Slider - Range Limits

This sample demonstrates the rendering of the Blazor Range Slider component with Limits. Drag the thumb over the bar to select values between the assigned limit values.

Limits are used to restrict the selection to a certain range. When limits are assigned, the draggable limited area will be displayed in the dark shadow color of the current theme. The limits APIs are explained below:

• MinStart - Sets the minimum limit value for the first handle.
• MinEnd - Sets the maximum limit value for the first handle.
• MaxStart - Sets the minimum limit value for the second handle.
• MaxEnd - Sets the maximum limit value for the second handle.
• StartHandleFixed - Locks the first handle in the current position.
• EndHandleFixed - Locks the second handle in the current position.

In this demo, limits with MinRange and Range Slider are demonstrated:

• MinRange Slider - The minimum and maximum limits are set to 10 and 40, respectively.
• Range Slider - The minimum and maximum limits of the first handle are 10 and 40, respectively, and for the second handle are 60 and 90, respectively.