Beam UI
Components

Alert Dialog

A dialog that requires user response to proceed.

Usage

import { AlertDialog } from "@/components/ui/alert-dialog"
<AlertDialog>
  <AlertDialog.Trigger />
  <AlertDialog.Popup>
    <AlertDialog.Header>
      <AlertDialog.Title />
      <AlertDialog.Description />
    </AlertDialog.Header>
    <AlertDialog.Content>
    { /* content */ }
    </AlertDialog.Content>
    <AlertDialog.Footer>
      <AlertDialog.Close />
    </AlertDialog.Footer>
  </AlertDialog.Popup>
</AlertDialog>

On this page