DialogFooter() — ui Function Reference

Architecture documentation for the DialogFooter() function in dialog.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ DialogFooter() — ui Function Reference

Dependency Diagram

graph TD
  ef7732f0_72fa_3b01_4d1f_edbcb0505130["DialogFooter()"]
  ef531616_dba5_c88b_4950_aa5928f977ae["dialog.tsx"]
  ef7732f0_72fa_3b01_4d1f_edbcb0505130 -->|defined in| ef531616_dba5_c88b_4950_aa5928f977ae
  style ef7732f0_72fa_3b01_4d1f_edbcb0505130 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/ui/dialog.tsx lines 94–119

function DialogFooter({
  className,
  showCloseButton = false,
  children,
  ...props
}: React.ComponentProps<"div"> & {
  showCloseButton?: boolean
}) {
  return (
    <div
      data-slot="dialog-footer"
      className={cn(
        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
        className
      )}
      {...props}
    >
      {children}
      {showCloseButton && (
        <DialogPrimitive.Close asChild>
          <Button variant="outline">Close</Button>
        </DialogPrimitive.Close>
      )}
    </div>
  )
}