Blazor Lightweight Range Navigator Example

Range Selector / Lightweight

This sample represents the total number of business and weekend days in a selected period.

Loading Syncfusion Blazor Server Demos…

In this example, you can see how to render and configure the lightweight range navigator. To personalize the thumb in the range navigator, use the Width, Height, Fill, and Border properties. The Type property can also be used to modify the Thumb's type.

More information about the lightweight range navigator can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE