DialogHeader() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ DialogHeader() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/examples/radix/ui-rtl/dialog.tsx lines 86–94

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