Function: AlertDialog()

@arolariu/components

---

@arolariu/components / AlertDialog

Function: AlertDialog()

AlertDialog(props): ReactElement

Defined in: components/ui/alert-dialog.tsx:90

Coordinates destructive confirmation dialogs with modal accessibility behavior.

Parameters

props

Readonly<Props>

Returns

ReactElement

Remarks

• Renders no DOM element by default and coordinates descendant alert-dialog parts
• Built on Base UI Alert Dialog
• Supports composition through descendant render props
• Styling via CSS Modules with --ac-* custom properties

Example

<AlertDialog>
  <AlertDialogTrigger>Delete</AlertDialogTrigger>
  <AlertDialogContent>
    <AlertDialogTitle>Are you sure?</AlertDialogTitle>
  </AlertDialogContent>
</AlertDialog>

See

Base UI Documentation