Range Slider

The Range Slider allows users to select a range of values from a minimum to a maximum. It consists of a track and two thumbs that the user can slide.

Properties

Property	Description
min	The minimum value of the range.
max	The maximum value of the range.
division	The number of discrete divisions on the slider.
startValue	The initial value of the starting thumb.
endValue	The initial value of the ending thumb.
activeColor	The color of the track between the two thumbs.
inactiveColor	The color of the track outside the selected range.
thumbColor	The color of the draggable thumbs.
thumbRadius	The radius of the thumbs.
trackHeight	The height of the slider track.
onChanged	An action to trigger when the user slides either thumb.

---

Default Properties

The Range Slider widget supports all three sections of default properties:

Layout

• width

• height

• padding

• margin

• align

Appearance

• bgColor

• borderRadius

• border

  • borderWidth

  • borderColor

  • borderType (e.g., solid, dashed)

  • strokeAlign

Interactions

• onClick — Used to add actions to the Range Slider widget.