← Back to Material 3 Compose
SwipeToDismissBox
Component
in
Material 3
. Since 1.2.0-alpha11Overview
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 Component← SwipeToDismiss
Next ComponentSwitch →
