AlertDialogBasic() — ui Function Reference

Architecture documentation for the AlertDialogBasic() function in alert-dialog-example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ AlertDialogBasic() — ui Function Reference

Dependency Diagram

graph TD
  6eff6ff6_1d04_6746_cd4b_a6d3ff85cace["AlertDialogBasic()"]
  f00e6683_5ad1_57ce_ba63_874d2425eaaf["alert-dialog-example.tsx"]
  6eff6ff6_1d04_6746_cd4b_a6d3ff85cace -->|defined in| f00e6683_5ad1_57ce_ba63_874d2425eaaf
  style 6eff6ff6_1d04_6746_cd4b_a6d3ff85cace fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/alert-dialog-example.tsx lines 42–65

function AlertDialogBasic() {
  return (
    <Example title="Basic" className="items-center">
      <AlertDialog>
        <AlertDialogTrigger
          render={<Button variant="outline">Default</Button>}
        />
        <AlertDialogContent>
          <AlertDialogHeader>
            <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
            <AlertDialogDescription>
              This action cannot be undone. This will permanently delete your
              account and remove your data from our servers.
            </AlertDialogDescription>
          </AlertDialogHeader>
          <AlertDialogFooter>
            <AlertDialogCancel>Cancel</AlertDialogCancel>
            <AlertDialogAction>Continue</AlertDialogAction>
          </AlertDialogFooter>
        </AlertDialogContent>
      </AlertDialog>
    </Example>
  )
}