interactionBarrier

InteractionBarrierSample

@Sampled
@Composable
fun InteractionBarrierSample() {
    var showDialog by remember { mutableStateOf(false) }

    Box(Modifier.fillMaxSize()) {
        // Background button on the main screen (opens dialog, blocked while dialog is visible)
        Button(onClick = { showDialog = true }, modifier = Modifier.align(Alignment.Center)) {
            Text("Open Dialog")
        }

        // Custom modal dialog overlay using Modifier.interactionBarrier()
        if (showDialog) {
            Box(
                modifier =
                    Modifier.fillMaxSize()
                        .background(Color.Black.copy(alpha = 0.5f))
                        .interactionBarrier(),
                contentAlignment = Alignment.Center,
            ) {
                Card(modifier = Modifier.padding(24.dp)) {
                    Column(
                        modifier = Modifier.padding(16.dp),
                        horizontalAlignment = Alignment.CenterHorizontally,
                    ) {
                        Text("Custom Dialog", style = MaterialTheme.typography.headlineSmall)
                        Spacer(Modifier.height(8.dp))
                        Text("Background interaction is blocked by the barrier.")
                        Spacer(Modifier.height(16.dp))
                        Button(onClick = { showDialog = false }) { Text("Close Dialog") }
                    }
                }
            }
        }
    }
}