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

user-nav.tsx — ui Source File

Architecture documentation for user-nav.tsx, a tsx file in the ui codebase. 3 imports, 1 dependents.

File tsx ComponentRegistry UIPrimitives 3 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  8a5f9fe3_3da9_356a_3eeb_79b877fee62a["user-nav.tsx"]
  9a088841_0fc9_5075_043e_b2a2a1f69fe2["avatar"]
  8a5f9fe3_3da9_356a_3eeb_79b877fee62a --> 9a088841_0fc9_5075_043e_b2a2a1f69fe2
  aa2f3ec6_f291_3763_88ec_65a3f5ad5939["button"]
  8a5f9fe3_3da9_356a_3eeb_79b877fee62a --> aa2f3ec6_f291_3763_88ec_65a3f5ad5939
  194a9418_8170_2169_6f94_b2f555b74f26["dropdown-menu"]
  8a5f9fe3_3da9_356a_3eeb_79b877fee62a --> 194a9418_8170_2169_6f94_b2f555b74f26
  26cc67af_0675_998b_de70_b190a0a17cec["page.tsx"]
  26cc67af_0675_998b_de70_b190a0a17cec --> 8a5f9fe3_3da9_356a_3eeb_79b877fee62a
  style 8a5f9fe3_3da9_356a_3eeb_79b877fee62a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  Avatar,
  AvatarFallback,
  AvatarImage,
} from "@/registry/new-york/ui/avatar"
import { Button } from "@/registry/new-york/ui/button"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuShortcut,
  DropdownMenuTrigger,
} from "@/registry/new-york/ui/dropdown-menu"

export function UserNav() {
  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button variant="ghost" className="relative h-8 w-8 rounded-full">
          <Avatar className="h-9 w-9">
            <AvatarImage src="/avatars/03.png" alt="@shadcn" />
            <AvatarFallback>SC</AvatarFallback>
          </Avatar>
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent className="w-56" align="end" forceMount>
        <DropdownMenuLabel className="font-normal">
          <div className="flex flex-col space-y-1">
            <p className="text-sm font-medium leading-none">shadcn</p>
            <p className="text-xs leading-none text-muted-foreground">
              m@example.com
            </p>
          </div>
        </DropdownMenuLabel>
        <DropdownMenuSeparator />
        <DropdownMenuGroup>
          <DropdownMenuItem>
            Profile
            <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
          </DropdownMenuItem>
          <DropdownMenuItem>
            Billing
            <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>
          </DropdownMenuItem>
          <DropdownMenuItem>
            Settings
            <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
          </DropdownMenuItem>
          <DropdownMenuItem>New Team</DropdownMenuItem>
        </DropdownMenuGroup>
        <DropdownMenuSeparator />
        <DropdownMenuItem>
          Log out
          <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
        </DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  )
}

Domain

Subdomains

Functions

Dependencies

  • avatar
  • button
  • dropdown-menu

Imported By

Source

Frequently Asked Questions

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

Analyze Your Own Codebase

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

Try Supermodel Free