Skip to content
v0.1.1

Android components Forms

StanceRangeSlider

Beta

Picks a lower and an upper bound from a range using two thumbs.

  • PlatformAndroid, Jetpack Compose
  • Builds onRangeSlider
  • Kindcomposable

Preview

Rendered by the Jetpack Compose library, not drawn by hand.

StanceRangeSlider on AndroidStanceRangeSlider on AndroidStanceRangeSlider on Android
StanceRangeSlider, Light appearance
Light
StanceRangeSlider, Dark appearance
Dark
StanceRangeSlider, High contrast appearance
High contrast

Usage

kotlin
var range by remember { mutableStateOf(20f..80f) }
StanceRangeSlider("Team size", range, { range = it }, valueRange = 0f..100f, valueText = "${range.start.toInt()} to ${range.endInclusive.toInt()}")

Accessibility

  • Each thumb is separately focusable and adjustable.

On other platforms

SourceReport an issue