ui Architecture Docs
Home / File/ main-nav.tsx — ui Source File

main-nav.tsx — ui Source File

Architecture documentation for main-nav.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.

File tsx ComponentRegistry UIPrimitives 2 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  8d2e4c26_b7d0_f78e_1a94_a971e65d96fa["main-nav.tsx"]
  ba3d44f3_7b34_f9cc_6283_44817785c0df["link"]
  8d2e4c26_b7d0_f78e_1a94_a971e65d96fa --> ba3d44f3_7b34_f9cc_6283_44817785c0df
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  8d2e4c26_b7d0_f78e_1a94_a971e65d96fa --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  style 8d2e4c26_b7d0_f78e_1a94_a971e65d96fa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Link from "next/link"

import { cn } from "@/lib/utils"

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>
  )
}

Domain

Subdomains

Functions

Dependencies

  • link
  • utils

Source

Frequently Asked Questions

What does main-nav.tsx do?
main-nav.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in main-nav.tsx?
main-nav.tsx defines 1 function(s): MainNav.
What does main-nav.tsx depend on?
main-nav.tsx imports 2 module(s): link, utils.
Where is main-nav.tsx in the architecture?
main-nav.tsx is located at deprecated/www/app/(app)/examples/dashboard/components/main-nav.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: deprecated/www/app/(app)/examples/dashboard/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free