---
title: Dropdown Menu
description: Render accessible action and selection menus
type: reference
summary: Compose DropdownMenu primitives for application-owned menus outside MDX.
related:
  - /docs/components
  - /docs/components/popover
---

import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from "@vercel/geistdocs/components/dropdown-menu";

<div className="not-prose my-6 flex min-h-32 items-center justify-center rounded-lg border border-gray-400 bg-background-100 p-6">
  <DropdownMenu>
    <DropdownMenuTrigger className="h-8 rounded-md border border-gray-400 bg-background-100 px-3">
      Open menu
    </DropdownMenuTrigger>
    <DropdownMenuContent>
      <DropdownMenuItem>Edit</DropdownMenuItem>
      <DropdownMenuItem>Duplicate</DropdownMenuItem>
    </DropdownMenuContent>
  </DropdownMenu>
</div>

```tsx
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from "@vercel/geistdocs/components/dropdown-menu";
```

The subpath also exports label, separator, checkbox, radio, and nested submenu primitives.