Stepper

fun Stepper(    containerModifier: Modifier = Modifier,     stepperModifier: Modifier = Modifier,     headerSection: @Composable () -> Unit? = null,     startStepShape: Shape = RoundedCornerShape( topStart = 12.dp, topEnd = 12.dp ),     middleStepShape: Shape = RectangleShape,     finalStepShape: Shape = RoundedCornerShape( bottomStart = 12.dp, bottomEnd = 12.dp ),     stepBackgroundColor: Color = MaterialTheme.colorScheme.surfaceContainerHighest,     errorColor: Color = MaterialTheme.colorScheme.error,     confirmColor: Color = MaterialTheme.colorScheme.primary,     expandsStepIcon: ImageVector = Icons.AutoMirrored.Filled.KeyboardArrowRight,     vararg steps: Step)

This component allows to create a dynamic interaction with the user dividing for example a long procedure such item creation, customization, etc... in different specific steps where the user can interact.

Related documentation Stepper.md

Parameters

containerModifier

The modifier to apply to the container Column

stepperModifier

The modifier to apply to the component

headerSection

A custom header of the stepper

startStepShape

The shape to apply to the first visible Step

middleStepShape

The shape to apply to those steps in the middle

finalStepShape

The shape to apply to the last visible Step

stepBackgroundColor

The color to use as background of the Step container

errorColor

The color used to indicate an error

confirmColor

The color used to confirm an action

expandsStepIcon

The icon used to expand each step

steps

The steps to display by the component, a little tip is wrap the creation of the array with the remember function to avoid to recreate the array during the recompositions