Preview
AlertDialog requires showModal() for truthful modal isolation, initial focus, cancellation, and focus return. This server-rendered page does not imitate client behavior. Open the live playground.
Usage
AlertDialog usage<AlertDialog id="delete-deploy" title="Delete deploy?" description="This cannot be undone." actions={<DeleteDeployAction />} />API
AlertDialog APIAlertDialogProps
| prop | type | notes |
|---|---|---|
| id | string | Document-unique id — openers target it via `onOpenDialog(id)`. |
| title | string | Dialog title; renders as the labelling heading. |
| description | string | Explicit decision context, wired to `aria-describedby`. |
| children? | RemixNode | Additional detail. App forms belong here, not around the dialog. |
| actions? | RemixNode | App-owned action controls or forms, rendered after Cancel. |
| cancelLabel? | string | Cancel button text (default 'Cancel'). |
| width? | 'sm' | 'md' | Dialog width: 'sm' 360px · 'md' 480px (default). |
| mix? | MixInput |