Example of Events in React Range Slider Component

All Controls
/
Range-slider
/
Events

This sample demonstrates the events that have been triggered on the Slider operations with the help of Event Trace panel. Drag the thumb over the bar between min and max to know the event details.

More Details...

Loading....
Description

Slider component triggers event based on its actions. The events can be used as an extension point to perform custom operations.

In this demo, Slider performs following action like created, change, changed Which can be traced by event trace panel.

  • created - Triggers when Slider is created.
  • change - Triggers when the Slider value is changed.
  • changed - Triggers when the Slider action is completed with change in Slider value.

For more information, we can refer the events API from the documentation.