Range Slider

range slider

Range slider lets the user specify a numeric value that must be no less than a given value, and no more than another given value.


    values: RangeValues( 40, 60),
    showLabel: true,
    divisions: 1,
    primaryColor: XelaColor.Blue3,
    secondaryColor: XelaColor.Gray11,
    controlColor: Colors.white,


Name Type Default Value Required Description
values RangeValues - YES Range Values
onChange Function(RangeValues)? null NO On change value func
min double 0 NO Min value
max double 100 NO Max value
primaryColor Color XelaColor.Blue3 NO Primary - Accent color
secondaryColor Color XelaColor.Gray11 NO Secondary color
disabled bool false NO Disable slider
controlColor Color Colors.white NO Control Color
divisions double 100 NO Range Slider Input divisions (steps)
showLabel bool true NO Show value label
valueIndicatorColor Color XelaColor.Gray3 NO Indicator color
valueIndicatorTextStyle TextStyle XelaTextStyle.XelaCaption NO Indicator Text Style
valueIndicatorTextColor Color Colors.white NO Indicator text color