PageHeader() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ PageHeader() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

deprecated/www/components/page-header.tsx lines 3–17

function PageHeader({
  className,
  children,
  ...props
}: React.HTMLAttributes<HTMLDivElement>) {
  return (
    <section className={cn("border-grid border-b", className)} {...props}>
      <div className="container-wrapper">
        <div className="container flex flex-col items-start gap-1 py-8 md:py-10 lg:py-12">
          {children}
        </div>
      </div>
    </section>
  )
}