FormsAndroid

Range slider

Choose bounded numeric intervals with independently adjustable native endpoints.

Public APILumenRangeSliderAndroid / Compose

Native example

Use Range slider

Bounds must be finite, increasing, and have a finite span. Nonfinite values fall back to bounds; reversed endpoints reorder for display without changing host state. Keep exact financial arithmetic in the application.

Range slider rendered in the Android phone emulator Lumen playground — Captured exampleAndroid phone emulator

LumenRangeSlider("Capacity", capacity, { capacity = it },
    valueRange = 0f..100f, steps = 9, startLabel = "Minimum", endLabel = "Maximum",
    formatValue = { "${it.toInt()}%" })

Reference

Public API

The primary shared and platform-specific options exposed by LumenRangeSlider.

API	Values or type	Default	Description
label / value / onValueChange	String / ClosedFloatingPointRange<Float> / callback	Required	Names and controls the numeric interval.
valueRange	ClosedFloatingPointRange<Float>	0f..1f	Provides valid inclusive bounds.
steps	Int	0	Compose counts intermediate stops; Swift and React Native use positive increments.
startLabel / endLabel / formatValue	String / String / (Float) -> String	Minimum / Maximum / numeric text	Localizes both endpoint names and values.
enabled / readOnly	Boolean	Enabled / editable	Blocks adjustment while retaining values.
onValueChangeFinished	(() -> Unit)?	null	Reports the end of native adjustment.
modifier	Modifier	None	Applies control layout.

Native behavior

Design and accessibility

When to use it

Accessibility

Exposes separately named lower and upper native thumbs with formatted spoken values and keyboard adjustment.

Shared component

Available on other platforms

React Native Apple / SwiftUI