All Demos / Circular Gauge / Use Cases / Radial Slider

Blazor Circular Gauge Example - Radial Slider

Loading Syncfusion Blazor Server Demos…
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 how to create a range slider component by utilizing the functions and features available in the circular gauge.

Implementation approach:

  • Combine ranges and marker pointers to create slider functionality
  • Interactive marker pointer with drag capability
  • Dynamic value updates as the pointer is dragged
  • Practical range selection interface

More information on the circular gauge can be found in this documentation section.