ui Architecture Docs
Home / File/ context-menu-demo.tsx — ui Source File

context-menu-demo.tsx — ui Source File

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

File tsx DocumentationAtlas SearchAPI 2 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  d4ea1b15_618a_10aa_9d37_abf3cda16fa2["context-menu-demo.tsx"]
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  d4ea1b15_618a_10aa_9d37_abf3cda16fa2 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  8d6cdf2b_98d0_217e_d902_4694f485b587["context-menu"]
  d4ea1b15_618a_10aa_9d37_abf3cda16fa2 --> 8d6cdf2b_98d0_217e_d902_4694f485b587
  1c2403dc_4584_9f39_4e98_855a7de18bd1["component-registry.ts"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> d4ea1b15_618a_10aa_9d37_abf3cda16fa2
  style d4ea1b15_618a_10aa_9d37_abf3cda16fa2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { Code2Icon, PlusIcon, TrashIcon } from "lucide-react"

import {
  ContextMenu,
  ContextMenuCheckboxItem,
  ContextMenuContent,
  ContextMenuItem,
  ContextMenuLabel,
  ContextMenuRadioGroup,
  ContextMenuRadioItem,
  ContextMenuSeparator,
  ContextMenuShortcut,
  ContextMenuSub,
  ContextMenuSubContent,
  ContextMenuSubTrigger,
  ContextMenuTrigger,
} from "@/registry/new-york-v4/ui/context-menu"

export function ContextMenuDemo() {
  return (
    <ContextMenu>
      <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm">
        Right click here
      </ContextMenuTrigger>
      <ContextMenuContent className="w-64">
        <ContextMenuItem inset>
          Back
          <ContextMenuShortcut>⌘[</ContextMenuShortcut>
        </ContextMenuItem>
        <ContextMenuItem inset disabled>
          Forward
          <ContextMenuShortcut>⌘]</ContextMenuShortcut>
        </ContextMenuItem>
        <ContextMenuItem inset>
          Reload
          <ContextMenuShortcut>⌘R</ContextMenuShortcut>
        </ContextMenuItem>
        <ContextMenuSub>
          <ContextMenuSubTrigger inset>More Tools</ContextMenuSubTrigger>
          <ContextMenuSubContent className="w-48">
            <ContextMenuItem inset>
              Save Page...
              <ContextMenuShortcut>⇧⌘S</ContextMenuShortcut>
            </ContextMenuItem>
            <ContextMenuItem>
              <PlusIcon />
              Create Shortcut...
            </ContextMenuItem>
            <ContextMenuItem inset>Name Window...</ContextMenuItem>
            <ContextMenuSeparator />
            <ContextMenuItem>
              <Code2Icon />
              Developer Tools
            </ContextMenuItem>
            <ContextMenuSeparator />
            <ContextMenuItem variant="destructive">
              <TrashIcon />
              Delete
            </ContextMenuItem>
          </ContextMenuSubContent>
        </ContextMenuSub>
        <ContextMenuSeparator />
        <ContextMenuCheckboxItem checked>
          Show Bookmarks Bar
          <ContextMenuShortcut>⌘⇧B</ContextMenuShortcut>
        </ContextMenuCheckboxItem>
        <ContextMenuCheckboxItem>Show Full URLs</ContextMenuCheckboxItem>
        <ContextMenuSeparator />
        <ContextMenuRadioGroup value="pedro">
          <ContextMenuLabel inset>People</ContextMenuLabel>
          <ContextMenuRadioItem value="pedro">
            Pedro Duarte
          </ContextMenuRadioItem>
          <ContextMenuRadioItem value="colm">Colm Tuite</ContextMenuRadioItem>
        </ContextMenuRadioGroup>
      </ContextMenuContent>
    </ContextMenu>
  )
}

Domain

Subdomains

Functions

Dependencies

  • context-menu
  • lucide-react

Imported By

Source

Frequently Asked Questions

What does context-menu-demo.tsx do?
context-menu-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in context-menu-demo.tsx?
context-menu-demo.tsx defines 1 function(s): ContextMenuDemo.
What does context-menu-demo.tsx depend on?
context-menu-demo.tsx imports 2 module(s): context-menu, lucide-react.
What files import context-menu-demo.tsx?
context-menu-demo.tsx is imported by 1 file(s): component-registry.ts.
Where is context-menu-demo.tsx in the architecture?
context-menu-demo.tsx is located at apps/v4/app/(internal)/sink/components/context-menu-demo.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/app/(internal)/sink/components).

Analyze Your Own Codebase

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

Try Supermodel Free