by @alexstyl
✉️ Leave your feedback

← Back to Material 3 Compose

SwipeToDismissBox

Component
in
Material 3
. Since 1.2.0-alpha11

Overview

Examples

Community Notes

@Composable
@ExperimentalMaterial3Api
fun SwipeToDismissListItems() {
    val dismissState = rememberDismissState()
    SwipeToDismissBox(
        state = dismissState,
        backgroundContent = {
            val color by animateColorAsState(
                when (dismissState.targetValue) {
                    Default -> Color.LightGray
                    DismissedToEnd -> Color.Green
                    DismissedToStart -> Color.Red
                }
            )
            Box(Modifier.fillMaxSize().background(color))
        }
    ) {
        Card {
            ListItem(
                headlineContent = {
                    Text("Cupcake")
                },
                supportingContent = { Text("Swipe me left or right!") }
            )
            HorizontalDivider()
        }
    }
}
Previous ComponentSwipeToDismiss
Next ComponentSwitch