SuccessConfirmationDialogContent

Component in Wear Material 3 Compose

[SuccessConfirmationDialogContent] provides the content for a success confirmation dialog with a success icon and optional short curved text. This variation of confirmation dialog indicates a successful operation or action.

Prefer using [SuccessConfirmationDialog] directly, which provides built-in animations when showing/hiding the dialog. This composable may be used to provide the content for a confirmation dialog if custom show/hide animations are required.

Where user input is required, such as choosing to ok or cancel an action, use [AlertDialog] instead of [SuccessConfirmationDialog].

Last updated: 2025-03-21 11:59

Installation

dependencies {
   implementation("androidx.wear.compose:compose-material3:1.0.0-alpha34")
}

Overloads

@Composable
fun SuccessConfirmationDialogContent(
    curvedText: (CurvedScope.() -> Unit)?,
    modifier: Modifier = Modifier,
    colors: ConfirmationDialogColors = ConfirmationDialogDefaults.successColors(),
    content: @Composable () -> Unit = { ConfirmationDialogDefaults.SuccessIcon() },
)

Parameters

name	description
curvedText	A slot for displaying curved text content which will be shown along the bottom edge of the dialog. We recommend using [confirmationDialogCurvedText] for this parameter, which will give the default sweep angle and padding, and [ConfirmationDialogDefaults.curvedTextStyle] as the style.
modifier	Modifier to be applied to the confirmation content.
colors	A [ConfirmationDialogColors] object for customizing the colors used in this [SuccessConfirmationDialog]. will be adjusted by the accessibility manager according to the content displayed.
content	A slot for displaying an icon inside the confirmation dialog, which can be animated. Defaults to an animated [ConfirmationDialogDefaults.SuccessIcon].

Code Example

SuccessConfirmationDialogSample

@Composable
fun SuccessConfirmationDialogSample() {
    var showConfirmation by remember { mutableStateOf(false) }

    // Use AppScaffold to improve ConfirmationDialog's Performance
    AppScaffold {
        Box(Modifier.fillMaxSize()) {
            FilledTonalButton(
                modifier = Modifier.align(Alignment.Center),
                onClick = { showConfirmation = true },
                label = { Text("Show Confirmation") }
            )
        }

        val text = "Success"
        val style = ConfirmationDialogDefaults.curvedTextStyle
        SuccessConfirmationDialog(
            visible = showConfirmation,
            onDismissRequest = { showConfirmation = false },
            curvedText = { confirmationDialogCurvedText(text, style) }
        )
    }
}