Blazor Range Slider - Tick Marks
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
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: