AvatarDropdown() — ui Function Reference

Architecture documentation for the AvatarDropdown() function in avatar-dropdown.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ AvatarDropdown() — ui Function Reference

Dependency Diagram

graph TD
  88a49be4_1ec6_574d_c3c1_895f81c0adaa["AvatarDropdown()"]
  d13c52ae_bbb3_2c08_ca12_b7abd9e223b4["avatar-dropdown.tsx"]
  88a49be4_1ec6_574d_c3c1_895f81c0adaa -->|defined in| d13c52ae_bbb3_2c08_ca12_b7abd9e223b4
  style 88a49be4_1ec6_574d_c3c1_895f81c0adaa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/avatar-dropdown.tsx lines 12–36

export function AvatarDropdown() {
  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button variant="ghost" size="icon" className="rounded-full">
          <Avatar>
            <AvatarImage src="https://github.com/shadcn.png" alt="shadcn" />
            <AvatarFallback>CN</AvatarFallback>
          </Avatar>
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent className="w-32">
        <DropdownMenuGroup>
          <DropdownMenuItem>Profile</DropdownMenuItem>
          <DropdownMenuItem>Billing</DropdownMenuItem>
          <DropdownMenuItem>Settings</DropdownMenuItem>
        </DropdownMenuGroup>
        <DropdownMenuSeparator />
        <DropdownMenuGroup>
          <DropdownMenuItem variant="destructive">Log out</DropdownMenuItem>
        </DropdownMenuGroup>
      </DropdownMenuContent>
    </DropdownMenu>
  )
}