AlertDialogContent() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ AlertDialogContent() — ui Function Reference

Dependency Diagram

graph TD
  8cb36c6c_027f_0f73_aa9d_31db8c80e201["AlertDialogContent()"]
  639898ee_f932_0434_45a5_dde95c7f055f["alert-dialog.tsx"]
  8cb36c6c_027f_0f73_aa9d_31db8c80e201 -->|defined in| 639898ee_f932_0434_45a5_dde95c7f055f
  style 8cb36c6c_027f_0f73_aa9d_31db8c80e201 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/alert-dialog.tsx lines 41–62

function AlertDialogContent({
  className,
  size = "default",
  ...props
}: AlertDialogPrimitive.Popup.Props & {
  size?: "default" | "sm"
}) {
  return (
    <AlertDialogPortal>
      <AlertDialogOverlay />
      <AlertDialogPrimitive.Popup
        data-slot="alert-dialog-content"
        data-size={size}
        className={cn(
          "cn-alert-dialog-content group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none",
          className
        )}
        {...props}
      />
    </AlertDialogPortal>
  )
}