ui Architecture Docs
Home / File/ menu.tsx — ui Source File

menu.tsx — ui Source File

Architecture documentation for menu.tsx, a tsx file in the ui codebase. 1 imports, 1 dependents.

File tsx ComponentRegistry UIPrimitives 1 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  b8fdcce6_f818_9a9a_fe0e_32f7caaf52cd["menu.tsx"]
  fbf0b8d9_1888_f1af_6f7d_0df0d514de74["menubar"]
  b8fdcce6_f818_9a9a_fe0e_32f7caaf52cd --> fbf0b8d9_1888_f1af_6f7d_0df0d514de74
  054ca25e_f665_64b0_351d_ed2a653946c8["page.tsx"]
  054ca25e_f665_64b0_351d_ed2a653946c8 --> b8fdcce6_f818_9a9a_fe0e_32f7caaf52cd
  style b8fdcce6_f818_9a9a_fe0e_32f7caaf52cd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  Menubar,
  MenubarCheckboxItem,
  MenubarContent,
  MenubarItem,
  MenubarLabel,
  MenubarMenu,
  MenubarRadioGroup,
  MenubarRadioItem,
  MenubarSeparator,
  MenubarShortcut,
  MenubarSub,
  MenubarSubContent,
  MenubarSubTrigger,
  MenubarTrigger,
} from "@/registry/new-york/ui/menubar"

export function Menu() {
  return (
    <Menubar className="rounded-none border-b border-none px-2 lg:px-4">
      <MenubarMenu>
        <MenubarTrigger className="font-bold">Music</MenubarTrigger>
        <MenubarContent>
          <MenubarItem>About Music</MenubarItem>
          <MenubarSeparator />
          <MenubarItem>
            Preferences... <MenubarShortcut>⌘,</MenubarShortcut>
          </MenubarItem>
          <MenubarSeparator />
          <MenubarItem>
            Hide Music... <MenubarShortcut>⌘H</MenubarShortcut>
          </MenubarItem>
          <MenubarItem>
            Hide Others... <MenubarShortcut>⇧⌘H</MenubarShortcut>
          </MenubarItem>
          <MenubarShortcut />
          <MenubarItem>
            Quit Music <MenubarShortcut>⌘Q</MenubarShortcut>
          </MenubarItem>
        </MenubarContent>
      </MenubarMenu>
      <MenubarMenu>
        <MenubarTrigger className="relative">File</MenubarTrigger>
        <MenubarContent>
          <MenubarSub>
            <MenubarSubTrigger>New</MenubarSubTrigger>
            <MenubarSubContent className="w-[230px]">
              <MenubarItem>
                Playlist <MenubarShortcut>⌘N</MenubarShortcut>
              </MenubarItem>
              <MenubarItem disabled>
                Playlist from Selection <MenubarShortcut>⇧⌘N</MenubarShortcut>
              </MenubarItem>
              <MenubarItem>
                Smart Playlist... <MenubarShortcut>⌥⌘N</MenubarShortcut>
              </MenubarItem>
              <MenubarItem>Playlist Folder</MenubarItem>
              <MenubarItem disabled>Genius Playlist</MenubarItem>
            </MenubarSubContent>
          </MenubarSub>
// ... (141 more lines)

Domain

Subdomains

Functions

Dependencies

  • menubar

Imported By

Source

Frequently Asked Questions

What does menu.tsx do?
menu.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 menu.tsx?
menu.tsx defines 1 function(s): Menu.
What does menu.tsx depend on?
menu.tsx imports 1 module(s): menubar.
What files import menu.tsx?
menu.tsx is imported by 1 file(s): page.tsx.
Where is menu.tsx in the architecture?
menu.tsx is located at deprecated/www/app/(app)/examples/music/components/menu.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: deprecated/www/app/(app)/examples/music/components).

Analyze Your Own Codebase

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

Try Supermodel Free