Skip to content

Dialog

The AlertDialog component displays important information or requests user confirmation. It supports customizable titles, messages, actions, and icons across different platforms.

Usage

Basic Alert Dialog

AlertDialog(
    title = "Confirm Action",
    message = "Are you sure you want to continue?",
    confirmButtonLabel = "Continue",
    dismissButtonLabel = "Cancel",
    onConfirmButtonClicked = { /* Handle confirm */ },
    onDismiss = { /* Handle dismiss */ }
)

Confirmation Only Dialog

AlertDialog(
    title = "Information",
    message = "This is an informational message.",
    confirmButtonLabel = "Got it",
    onConfirmButtonClicked = { /* Handle confirm */ },
    onDismiss = { /* Handle dismiss */ }
)

Dialog with Icon

AlertDialog(
    title = "Warning",
    message = "This action cannot be undone.",
    confirmButtonLabel = "Delete",
    dismissButtonLabel = "Cancel",
    icon = Icons.Default.Warning,
    onConfirmButtonClicked = { /* Handle confirm */ },
    onDismiss = { /* Handle dismiss */ }
)

Success Dialog

AlertDialog(
    title = "Success",
    message = "Your changes have been saved successfully.",
    confirmButtonLabel = "Continue",
    icon = Icons.Default.CheckCircle,
    onConfirmButtonClicked = { /* Handle confirm */ },
    onDismiss = { /* Handle dismiss */ }
)