DropdownMenuIcons() — ui Function Reference

Architecture documentation for the DropdownMenuIcons() function in dropdown-menu-icons.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ DropdownMenuIcons() — ui Function Reference

Dependency Diagram

graph TD
  cd60ead7_8b8d_d8fd_0141_c3c9cdff1e41["DropdownMenuIcons()"]
  f8e8cd62_759b_a14e_4117_f97a60b0863a["dropdown-menu-icons.tsx"]
  cd60ead7_8b8d_d8fd_0141_c3c9cdff1e41 -->|defined in| f8e8cd62_759b_a14e_4117_f97a60b0863a
  style cd60ead7_8b8d_d8fd_0141_c3c9cdff1e41 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/dropdown-menu-icons.tsx lines 18–45

export function DropdownMenuIcons() {
  return (
    <DropdownMenu>
      <DropdownMenuTrigger render={<Button variant="outline" />}>
        Open
      </DropdownMenuTrigger>
      <DropdownMenuContent>
        <DropdownMenuItem>
          <UserIcon />
          Profile
        </DropdownMenuItem>
        <DropdownMenuItem>
          <CreditCardIcon />
          Billing
        </DropdownMenuItem>
        <DropdownMenuItem>
          <SettingsIcon />
          Settings
        </DropdownMenuItem>
        <DropdownMenuSeparator />
        <DropdownMenuItem variant="destructive">
          <LogOutIcon />
          Log out
        </DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  )
}