DropdownMenuBasic() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ DropdownMenuBasic() — ui Function Reference

Dependency Diagram

graph TD
  b24c3b2e_341e_f937_d47a_169611c66c22["DropdownMenuBasic()"]
  27bfb7fb_c5ea_fc51_35b4_305b0a010c9a["dropdown-menu-example.tsx"]
  b24c3b2e_341e_f937_d47a_169611c66c22 -->|defined in| 27bfb7fb_c5ea_fc51_35b4_305b0a010c9a
  style b24c3b2e_341e_f937_d47a_169611c66c22 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx lines 62–88

function DropdownMenuBasic() {
  return (
    <Example title="Basic">
      <DropdownMenu>
        <DropdownMenuTrigger asChild>
          <Button variant="outline" className="w-fit">
            Open
          </Button>
        </DropdownMenuTrigger>
        <DropdownMenuContent>
          <DropdownMenuGroup>
            <DropdownMenuLabel>My Account</DropdownMenuLabel>
            <DropdownMenuItem>Profile</DropdownMenuItem>
            <DropdownMenuItem>Billing</DropdownMenuItem>
            <DropdownMenuItem>Settings</DropdownMenuItem>
          </DropdownMenuGroup>
          <DropdownMenuSeparator />
          <DropdownMenuGroup>
            <DropdownMenuItem>GitHub</DropdownMenuItem>
            <DropdownMenuItem>Support</DropdownMenuItem>
            <DropdownMenuItem disabled>API</DropdownMenuItem>
          </DropdownMenuGroup>
        </DropdownMenuContent>
      </DropdownMenu>
    </Example>
  )
}