Stepper

fun Stepper(value: Int, onValueChange: (Int) -> Unit, modifier: Modifier = Modifier, range: IntRange = 0..10, suffix: String = "", step: Int = 1, enabled: Boolean = true, status: FormFieldStatus? = null, flexible: Boolean = false, testTag: String? = null, allowSemantics: Boolean = true)

Stepper come with decrease and increase buttons on either side of the selected value. A minimum and maximum value need to be provided

Parameters

value

Value of the quantity picker

onValueChange

The callback to be called when value has been incremented or decremented

modifier

The Modifier to be applied to the component

range

The min/max accepted value by the Stepper until it blocks increments and decrements

suffix

optional string displayed after value

step

the quantity to be increased/decreased on each increment/decrement

enabled

True controls the enabled state of the Stepper. When false, the stepper will be neither editable nor focusable, visually stepper will appear in the disabled UI state

status

indicates the validation state of the stepper. The outline is tinted by the state color

flexible

if true, component will fill max width, otherwise get default width

testTag

A test tag to find the internal Stepper inside the StepperForm in a test

allowSemantics

dictate if the specific stepper semantics should be applied or not