All Demos / Range Selector / Lightweight

Blazor Lightweight Range Navigator Example

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 uses the lightweight Range Navigator to display business and weekend day counts within a selected period.

Customize the Range Navigator appearance using the following thumb properties:

  • Width - Control thumb dimensions
  • Height - Adjust thumb size
  • Fill - Set thumb color
  • Border - Customize border styling
  • Type - Change thumb shape and style

See more: documentation section.