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
  4625562e_eb05_f714_f90a_c48bba553e92["DropdownMenuIcons()"]
  c07fd1e5_0c95_9897_dd14_680403e74372["dropdown-menu-icons.tsx"]
  4625562e_eb05_f714_f90a_c48bba553e92 -->|defined in| c07fd1e5_0c95_9897_dd14_680403e74372
  style 4625562e_eb05_f714_f90a_c48bba553e92 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/dropdown-menu-icons.tsx lines 16–43

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