Range Slider / Tooltip

Blazor Range Slider - Tooltips

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the rendering of the Blazor Range Slider component with a Tooltip. Drag the thumb over the bar to select values between Min and Max to enable the tooltip.

The Range Slider component displays the tooltip to indicate the current value to the user.

Sample Demonstrations:

This demo demonstrates tooltip with Default and Range Slider types.

Additional Features:

  • Buttons can be used to increase or decrease the Range Slider value, which can be enabled using the ShowButtons property.
  • The drag interval is used to drag both handles using the range bar, which is applicable only to the Range Slider.
Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE