PageNav() — ui Function Reference

Architecture documentation for the PageNav() function in page-nav.tsx from the ui codebase.

Function tsx Internationalization RTLLayout

Entity Profile

Internationalization→ RTLLayout→ PageNav() — ui Function Reference

Dependency Diagram

graph TD
  1bc2d8c3_e52c_9e0a_28a8_f85b4a34ec90["PageNav()"]
  61382a06_c2d8_e0a1_5bdb_690866c297aa["page-nav.tsx"]
  1bc2d8c3_e52c_9e0a_28a8_f85b4a34ec90 -->|defined in| 61382a06_c2d8_e0a1_5bdb_690866c297aa
  style 1bc2d8c3_e52c_9e0a_28a8_f85b4a34ec90 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/page-nav.tsx lines 3–15

export function PageNav({
  children,
  className,
  ...props
}: React.ComponentProps<"div">) {
  return (
    <div className={cn("container-wrapper scroll-mt-24", className)} {...props}>
      <div className="container flex items-center justify-between gap-4 py-4">
        {children}
      </div>
    </div>
  )
}