← Back to Wear Material
SwipeToRevealChip
Component
in
Wear Material
. Since 1.3.0-alpha06Overview
Examples
Community Notes
@Composable
@Sampled
fun SwipeToRevealChipSample(swipeToDismissBoxState: SwipeToDismissBoxState) {
val revealState = rememberRevealState()
SwipeToRevealChip(
revealState = revealState,
modifier = Modifier
.fillMaxWidth()
// Use edgeSwipeToDismiss to allow SwipeToDismissBox to capture swipe events
.edgeSwipeToDismiss(swipeToDismissBoxState)
.semantics {
// Use custom actions to make the primary and secondary actions accessible
customActions = listOf(
CustomAccessibilityAction("Delete") {
/* Add the primary action click handler here */
true
},
CustomAccessibilityAction("More Options") {
/* Add the secondary click handler here */
true
}
)
},
primaryAction = {
SwipeToRevealPrimaryAction(
revealState = revealState,
icon = { Icon(SwipeToRevealDefaults.Delete, "Delete") },
label = { Text("Delete") },
onClick = { /* Add the click handler here */ }
)
},
secondaryAction = {
SwipeToRevealSecondaryAction(
revealState = revealState,
onClick = { /* Add the click handler here */ }
) {
Icon(SwipeToRevealDefaults.MoreOptions, "More Options")
}
},
undoPrimaryAction = {
SwipeToRevealUndoAction(
revealState = revealState,
label = { Text("Undo") },
onClick = { /* Add the undo handler for primary action */ }
)
},
undoSecondaryAction = {
SwipeToRevealUndoAction(
revealState = revealState,
label = { Text("Undo") },
onClick = { /* Add the undo handler for secondary action */ }
)
},
onFullSwipe = { /* Add the full swipe handler here */ }
) {
Chip(
modifier = Modifier.fillMaxWidth(),
onClick = { /* Add the chip click handler here */ },
colors = ChipDefaults.primaryChipColors(),
border = ChipDefaults.outlinedChipBorder()
) {
Text("SwipeToReveal Chip")
}
}
}
Previous Component← SwipeToRevealCard
Next ComponentSwipeToRevealPrimaryAction →