Skip to content

Side sheet

A sheet that slides in from the end edge, for wide layouts.

Side sheet Side sheet

var open by remember {
    mutableStateOf(
        value = false,
    )
}
JengaButton(
    text = "Side sheet",
    onClick = { open = true },
    variant = JengaButtonVariant.Outline,
)
if (open) {
    JengaSideSheet(
        onDismissRequest = { open = false },
        title = "Filters",
        footer = {
            JengaButton(
                text = "Apply",
                onClick = { open = false },
                modifier = Modifier.weight(
                    weight = 1f,
                ),
            )
        },
        content = {
            item {
                JengaCheckboxListItem(
                    headline = "Open only",
                    checked = true,
                    onCheckedChange = {},
                )
            }
        },
    )
}