MainNav() — ui Function Reference

Architecture documentation for the MainNav() function in main-nav.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ MainNav() — ui Function Reference

Dependency Diagram

graph TD
  fb6ca640_6e93_358e_50ad_7278db91dc9b["MainNav()"]
  8d2e4c26_b7d0_f78e_1a94_a971e65d96fa["main-nav.tsx"]
  fb6ca640_6e93_358e_50ad_7278db91dc9b -->|defined in| 8d2e4c26_b7d0_f78e_1a94_a971e65d96fa
  style fb6ca640_6e93_358e_50ad_7278db91dc9b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/app/(app)/examples/dashboard/components/main-nav.tsx lines 5–40

export function MainNav({
  className,
  ...props
}: React.HTMLAttributes<HTMLElement>) {
  return (
    <nav
      className={cn("flex items-center space-x-4 lg:space-x-6", className)}
      {...props}
    >
      <Link
        href="/examples/dashboard"
        className="text-sm font-medium transition-colors hover:text-primary"
      >
        Overview
      </Link>
      <Link
        href="/examples/dashboard"
        className="text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
      >
        Customers
      </Link>
      <Link
        href="/examples/dashboard"
        className="text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
      >
        Products
      </Link>
      <Link
        href="/examples/dashboard"
        className="text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
      >
        Settings
      </Link>
    </nav>
  )
}