PageHeader() — ui Function Reference

Architecture documentation for the PageHeader() function in page-header.tsx from the ui codebase.

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ PageHeader() — ui Function Reference

Dependency Diagram

graph TD
  93ee95a5_dbe9_2b30_f76f_570741897a5b["PageHeader()"]
  c6bcf1ff_dd9a_e839_a986_f2b03391e80c["page-header.tsx"]
  93ee95a5_dbe9_2b30_f76f_570741897a5b -->|defined in| c6bcf1ff_dd9a_e839_a986_f2b03391e80c
  style 93ee95a5_dbe9_2b30_f76f_570741897a5b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/page-header.tsx lines 3–17

function PageHeader({
  className,
  children,
  ...props
}: React.ComponentProps<"section">) {
  return (
    <section className={cn("border-grid", className)} {...props}>
      <div className="container-wrapper">
        <div className="container flex flex-col items-center gap-2 px-6 py-8 text-center md:py-16 lg:py-20 xl:gap-4">
          {children}
        </div>
      </div>
    </section>
  )
}