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.

Usage

range slider

XelaRangeSlider(
    valueLeft = 20f,
    valueRight = 80f,
    onValueLeftChange = {},
    onValueRightChange = {},
    range = 0f..100f,
    step = 1f,
    primaryColor = XelaColor.Blue3,
    secondaryColor = XelaColor.Gray11
)

Properties

Name Type Default Value Required Description
valueLeft Float - YES Left value
valueRight Float - YES Right value
onValueLeftChange (Float) -> Unit - YES On left value change
onValueRightChange (Float) -> Unit - YES On right value change
range ClosedFloatingPointRange<Float> 0f..100f NO Slider range
step Float 0.1f NO Step for slider
primaryColor Color XelaColor.Blue3 NO Primary - Accent color
secondaryColor Color XelaColor.Gray11 NO Secondary color
disabled Boolean false NO Disable slider
controlIcon Int? null NO Control icon name from Drawable
controlBackground Color Color.White NO Control background color