State of Compose 2023 results are in! Click here to learn more

← Back to Material 3 Compose

SwipeToDismiss

Component
in
Material 3
. Since 1.1.0

Overview

Code Examples

A composable that can be dismissed by swiping left or right.

Overloads

SwipeToDismiss

@Composable
@ExperimentalMaterial3Api
fun SwipeToDismiss(
    state: DismissState,
    background: @Composable RowScope.() -> Unit,
    dismissContent: @Composable RowScope.() -> Unit,
    modifier: Modifier = Modifier,
    directions: Set<DismissDirection> = setOf(EndToStart, StartToEnd),
)

Parameters

NameDescription
stateThe state of this component.
backgroundA composable that is stacked behind the content and is exposed when the content is swiped. You can/should use the state to have different backgrounds on each side.
dismissContentThe content that can be dismissed.
modifierOptional Modifier for this component.
directionsThe set of directions in which the component can be dismissed