Blazor Range Slider - Custom Thumb
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 customization of the Blazor Range Slider thumb. Drag the thumb over the bar to select values between Min and Max.
In this demo, customization of the thumb by changing CSS is demonstrated through the following shapes:
- Square - The thumb has been customized into a square shape.
- Circle - The thumb has been customized into a circular shape.
- Oval - The thumb has been customized into an oval shape.
- Custom Image - The thumb has been replaced with a custom image for unique visual representation.