FeedbackReact Native

Alert dialog

Request a controlled native confirmation with explicit cancel and confirm states.

Public APILumenAlertDialogReact Native

Native example

Use Alert dialog

Use for short consequential confirmations. Keep visibility and mutation state in the application and reserve destructive styling for irreversible or difficult-to-recover actions.

View verified React Native runtime capture

Alert dialog rendered in the Expo web renderer Lumen playground — Verified runtime captureExpo web renderer

<LumenAlertDialog
  visible={showConfirmation}
  title="Delete report?"
  confirmLabel="Delete"
  destructive
  onConfirm={deleteReport}
  onDismiss={() => setShowConfirmation(false)}
/>

Reference

Public API

The primary shared and platform-specific options exposed by LumenAlertDialog.

API	Values or type	Default	Description
visible	`boolean`	`Required`	Controls native modal presentation.
title / description	`Native localized text`	`Description optional`	Explains the decision.
confirmLabel / cancelLabel	`Native localized text`	`Cancel label: Cancel`	Names both actions.
destructive	`boolean`	`false`	Communicates whether the confirm action is destructive.
confirmDisabled	`boolean`	`false`	Controls whether the confirm action can be activated.
confirmLoading	`boolean`	`false`	Communicates asynchronous confirmation progress.

Native behavior

Design and accessibility

When to use it

Use for short consequential confirmations. Keep visibility and mutation state in the application and reserve destructive styling for irreversible or difficult-to-recover actions.

Accessibility

Native modal focus stays inside the confirmation surface and cancel and confirm remain independently named actions.

Shared component

Available on other platforms

Apple / SwiftUI Android / Compose