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

mobile-nav.tsx — ui Source File

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

File tsx Internationalization RTLLayout 10 imports 2 functions

Entity Profile

Dependency Diagram

graph LR
  3ebe3c62_190a_09b6_acf9_05afe2221686["mobile-nav.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  3ebe3c62_190a_09b6_acf9_05afe2221686 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  ba3d44f3_7b34_f9cc_6283_44817785c0df["link"]
  3ebe3c62_190a_09b6_acf9_05afe2221686 --> ba3d44f3_7b34_f9cc_6283_44817785c0df
  f5b0b1d9_de2f_9c31_0bcd_4adbd07581cb["navigation"]
  3ebe3c62_190a_09b6_acf9_05afe2221686 --> f5b0b1d9_de2f_9c31_0bcd_4adbd07581cb
  c11ea4a2_eb97_176c_a69b_b73675a6f645["docs"]
  3ebe3c62_190a_09b6_acf9_05afe2221686 --> c11ea4a2_eb97_176c_a69b_b73675a6f645
  0b91b178_fd79_28c3_eac6_9b444a138149["flags"]
  3ebe3c62_190a_09b6_acf9_05afe2221686 --> 0b91b178_fd79_28c3_eac6_9b444a138149
  858e60a8_4233_8866_a501_707e973859f9["page-tree"]
  3ebe3c62_190a_09b6_acf9_05afe2221686 --> 858e60a8_4233_8866_a501_707e973859f9
  b5f7acc2_8550_f8f0_0425_a71c6d434acd["source"]
  3ebe3c62_190a_09b6_acf9_05afe2221686 --> b5f7acc2_8550_f8f0_0425_a71c6d434acd
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  3ebe3c62_190a_09b6_acf9_05afe2221686 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  57e86e45_ac6e_7278_be08_9092724e8401["button"]
  3ebe3c62_190a_09b6_acf9_05afe2221686 --> 57e86e45_ac6e_7278_be08_9092724e8401
  64a3481c_a85b_fe79_409a_cb7f3f4bb871["popover"]
  3ebe3c62_190a_09b6_acf9_05afe2221686 --> 64a3481c_a85b_fe79_409a_cb7f3f4bb871
  style 3ebe3c62_190a_09b6_acf9_05afe2221686 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import Link, { type LinkProps } from "next/link"
import { usePathname, useRouter } from "next/navigation"

import { PAGES_NEW } from "@/lib/docs"
import { showMcpDocs } from "@/lib/flags"
import { getCurrentBase, getPagesFromFolder } from "@/lib/page-tree"
import { type source } from "@/lib/source"
import { cn } from "@/lib/utils"
import { Button } from "@/registry/new-york-v4/ui/button"
import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@/registry/new-york-v4/ui/popover"

const TOP_LEVEL_SECTIONS = [
  { name: "Introduction", href: "/docs" },
  {
    name: "Components",
    href: "/docs/components",
  },
  {
    name: "Installation",
    href: "/docs/installation",
  },
  {
    name: "Directory",
    href: "/docs/directory",
  },
  {
    name: "RTL",
    href: "/docs/rtl",
  },
  {
    name: "MCP Server",
    href: "/docs/mcp",
  },
  {
    name: "Registry",
    href: "/docs/registry",
  },
  {
    name: "Forms",
    href: "/docs/forms",
  },
  {
    name: "Changelog",
    href: "/docs/changelog",
  },
]

export function MobileNav({
  tree,
  items,
  className,
}: {
  tree: typeof source.pageTree
// ... (152 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • docs
  • flags
  • link
  • navigation
  • page-tree
  • popover
  • react
  • source
  • utils

Source

Frequently Asked Questions

What does mobile-nav.tsx do?
mobile-nav.tsx is a source file in the ui codebase, written in tsx. It belongs to the Internationalization domain, RTLLayout subdomain.
What functions are defined in mobile-nav.tsx?
mobile-nav.tsx defines 2 function(s): MobileLink, MobileNav.
What does mobile-nav.tsx depend on?
mobile-nav.tsx imports 10 module(s): button, docs, flags, link, navigation, page-tree, popover, react, and 2 more.
Where is mobile-nav.tsx in the architecture?
mobile-nav.tsx is located at apps/v4/components/mobile-nav.tsx (domain: Internationalization, subdomain: RTLLayout, directory: apps/v4/components).

Analyze Your Own Codebase

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

Try Supermodel Free