@neynar/ui/llm-docs/dropdown-menu-trigger.llm.md

React UI component library built on shadcn/ui and Tailwind CSS

# DropdownMenuTrigger

**Type**: component

The element that triggers the dropdown menu Renders the interactive element that opens and closes the dropdown menu. Typically wraps a button or other interactive element using the asChild prop. Automatically receives proper ARIA attributes and keyboard event handlers.

## JSX Usage

```jsx
import { DropdownMenuTrigger } from '@neynar/ui';

<DropdownMenuTrigger
  asChild={true}
>
  {/* Your content here */}
</DropdownMenuTrigger>
```

## Component Props

### asChild
- **Type**: `boolean`
- **Required**: No
- **Description**: Merge props onto the immediate child instead of rendering a wrapper element

### children
- **Type**: `React.ReactNode`
- **Required**: No
- **Description**: No description available

## Examples

### Example 1
```tsx
// Basic trigger with button
<DropdownMenuTrigger asChild>
  <Button variant="outline">Open Menu</Button>
</DropdownMenuTrigger>
```
### Example 2
```tsx
// Icon button trigger
<DropdownMenuTrigger asChild>
  <Button variant="ghost" size="icon" aria-label="More options">
    <MoreVertical className="h-4 w-4" />
  </Button>
</DropdownMenuTrigger>
```