InlineSlider

InlineSlider allows users to make a selection from a range of values.

RevenueCat

RevenueCat

Add subscriptions to your apps in minutes

Ad Get started for free

InlineSlider

Android
@Composable
public fun InlineSlider(
    value: Float,
    onValueChange: (Float) -> Unit,
    steps: Int,
    decreaseIcon: @Composable () -> Unit,
    increaseIcon: @Composable () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    valueRange: ClosedFloatingPointRange<Float> = 0f..(steps + 1).toFloat(),
    segmented: Boolean = steps <= 8,
    colors: InlineSliderColors = InlineSliderDefaults.colors(),
)

Parameters

value Current value of the Slider. If outside of valueRange provided, value will be coerced to this range.
onValueChange Lambda in which value should be updated
steps Specifies the number of discrete values, excluding min and max values, evenly distributed across the whole value range. Must not be negative. If 0, slider will have only min and max values and no steps in between
decreaseIcon A slot for an icon which is placed on the decrease (start) button
increaseIcon A slot for an icon which is placed on the increase (end) button
modifier Modifiers for the Slider layout
enabled Controls the enabled state of the slider. When false, this slider will not be clickable
valueRange Range of values that Slider value can take. Passed value will be coerced to this range
segmented A boolean value which specifies whether a bar will be split into segments or not. Recommendation is while using this flag do not have more than 8 steps as it might affect user experience. By default true if number of steps is <=8.
colors InlineSliderColors that will be used to resolve the background and content color for this slider in different states

InlineSlider

Android
@Composable
public fun InlineSlider(
    value: Int,
    onValueChange: (Int) -> Unit,
    valueProgression: IntProgression,
    decreaseIcon: @Composable () -> Unit,
    increaseIcon: @Composable () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    segmented: Boolean = valueProgression.stepsNumber() <= 8,
    colors: InlineSliderColors = InlineSliderDefaults.colors(),
)

Parameters

value Current value of the Slider. If outside of valueProgression provided, value will be coerced to this range.
onValueChange Lambda in which value should be updated
valueProgression Progression of values that Slider value can take. Consists of rangeStart, rangeEnd and step. Range will be equally divided by step size
decreaseIcon A slot for an icon which is placed on the decrease (start) button
increaseIcon A slot for an icon which is placed on the increase (end) button
modifier Modifiers for the Slider layout
enabled Controls the enabled state of the slider. When false, this slider will not be clickable
segmented A boolean value which specifies whether a bar will be split into segments or not. Recommendation is while using this flag do not have more than 8 steps as it might affect user experience. By default true if number of steps is <=8.
colors InlineSliderColors that will be used to resolve the background and content color for this slider in different states