Skip to content

Bottom sheet

A panel that slides up from the bottom edge.

Bottom sheet Bottom sheet

var open by remember {
    mutableStateOf(
        value = false,
    )
}
JengaButton(
    text = "Bottom sheet",
    onClick = { open = true },
    variant = JengaButtonVariant.Outline,
)
if (open) {
    JengaBottomSheet(
        onDismissRequest = { open = false },
        content = {
            JengaStack(
                modifier = Modifier.padding(
                    all = JengaTheme.spacing.xl,
                ),
                content = {
                    JengaText(
                        text = "Select a gate",
                        style = JengaTheme.typography.titleLarge,
                    )
                },
            )
        },
    )
}