Skip to content

Form layout

A form whose bottom bar stays above the keyboard.

Form layout Form layout

var name by remember {
    mutableStateOf(
        value = "",
    )
}
JengaFormLayout(
    modifier = Modifier.height(
        height = 240.dp,
    ),
    bottomBar = {
        JengaButton(
            text = "Save",
            onClick = {},
            modifier = Modifier.fillMaxWidth().padding(
                all = JengaTheme.spacing.lg,
            ),
        )
    },
    content = {
        item {
            JengaTextField(
                value = name,
                onValueChange = { name = it },
                label = "Customer name",
            )
        }
    },
)