AlertDialogContent() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ AlertDialogContent() — ui Function Reference

Dependency Diagram

graph TD
  200517c7_2ba3_6956_c627_ea172dc4c79d["AlertDialogContent()"]
  82a77809_5b0e_7cec_acff_8e0731ac4490["alert-dialog.tsx"]
  200517c7_2ba3_6956_c627_ea172dc4c79d -->|defined in| 82a77809_5b0e_7cec_acff_8e0731ac4490
  style 200517c7_2ba3_6956_c627_ea172dc4c79d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/ui/alert-dialog.tsx lines 47–68

function AlertDialogContent({
  className,
  size = "default",
  ...props
}: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
  size?: "default" | "sm"
}) {
  return (
    <AlertDialogPortal>
      <AlertDialogOverlay />
      <AlertDialogPrimitive.Content
        data-slot="alert-dialog-content"
        data-size={size}
        className={cn(
          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg",
          className
        )}
        {...props}
      />
    </AlertDialogPortal>
  )
}