Skip to content

Select field

Shows a chosen value and opens a picker when tapped.

Select field Select field

var open by remember {
    mutableStateOf(
        value = false,
    )
}
var fault by remember {
    mutableStateOf<String?>(
        value = null,
    )
}
JengaSelectField(
    value = fault,
    onClick = { open = true },
    label = "Fault",
    placeholder = "Choose a fault",
)
if (open) {
    JengaListSheet(
        onDismissRequest = { open = false },
        title = "Fault",
        content = {
            items(
                items = listOf(
                    "Battery not charging",
                    "Panel damaged",
                ),
            ) { option ->
                JengaRadioListItem(
                    headline = option,
                    selected = option == fault,
                    onClick = {
                        fault = option
                        open = false
                    },
                )
            }
        },
    )
}