Example of API in React Range Slider Component


This sample demonstrates the customization of Slider component by using its properties from property pane. Select any combination of properties from property pane to customize Slider component.

More Details...


In this demo, we have rendered default slider with minimal configuration.

we can further customize this sample with the combination of Slider properties from the property pane. For example,

  • Min, Max, Value and Steps can be changed from the property pane.
  • Ticks can be enabled by selecting the Ticks placement from the property pane.
  • Tooltip can be enabled by checking Show Tooltip checkbox from property pane.
  • Vertical orientation can be enabled by checking Vertical orientation from property pane and so on.