• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample demonstrates the rendering of Slider component with Tooltip. Drag the thumb over the bar for selecting the values between min and max to enable the Tooltip.

DEMO
SOURCE
Placement
ShowOn

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

In this demo, we have demonstrated Tooltip with Default and Range Slider.

Buttons can be used to increment or decrement the slider value. Buttons can be enabled in Slider using showButtons property

The dragInterval is used to drag both handles using the range bar which is also applicable only to the range slider.

Tooltip position and opening behavior can be customized through the placement and showOn properties from property pane.