DialogHeader() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ DialogHeader() — ui Function Reference

Dependency Diagram

graph TD
  399f047f_2196_6f39_d478_993e0cf3de4f["DialogHeader()"]
  1f1fb707_fd40_064f_629b_90fb57bde5be["dialog.tsx"]
  399f047f_2196_6f39_d478_993e0cf3de4f -->|defined in| 1f1fb707_fd40_064f_629b_90fb57bde5be
  style 399f047f_2196_6f39_d478_993e0cf3de4f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/dialog.tsx lines 86–94

function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="dialog-header"
      className={cn("cn-dialog-header flex flex-col", className)}
      {...props}
    />
  )
}