Blazor Range Slider - Tick Marks

This sample demonstrates the rendering of the Blazor Range Slider component with Ticks placement. Drag the thumb over the bar to select values between Min and Max.

Ticks are the visual representations of the Range Slider values. Ticks are differentiated as small and large based on size. The tick positions can be defined by the SmallStep and LargeStep properties.

Sample Configurations:

• Default Slider - Small and large ticks are rendered with a frequency of 0.05 and 0.20.
• Range Slider - Small and large ticks are rendered with a frequency of 5 and 20.

Properties to Restrict Value Range:

• Step - Defines an incremental or decremental step value for the Range Slider.
• Min - Specifies the minimum value of the Range Slider.
• Max - Specifies the maximum value of the Range Slider.