Slider Input

slider

Sliders allow users to make selections from minimum and maximum values. Slider input allows for easy adjustments of a value and checks the updated result immediately.

Usage

slider

val value = remember { mutableStateOf(60f) }

XelaSliderInput(
    value = value.value,
    onValueChange = {value.value = it},
    range = 0f..100f,
    step = 1f,
    vertical = false,
    primaryColor = XelaColor.Green2
)

Properties

Name Type Default Value Required Description
value Float - YES Slider value
onValueChange (Float) -> Unit - YES On value change action
range ClosedFloatingPointRange <Float> 0f..100f NO Slider range
step Float 0.1f NO Slider step
vertical Boolean false NO Slider change orientation to vertical
primaryColor Color XelaColor.Blue3 NO Slider primary - accent color
secondaryColor Color XelaColor.Gray11 NO Slider secondary color
disabled MutableState false NO Disable slider
controlIcon Int? null NO Control icon name from Drawable
controlBackground Color Color.White NO Control background color