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

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

# NavigationMenuTrigger

**Type**: component

NavigationMenuTrigger - Interactive button that opens dropdown navigation content A button component that toggles NavigationMenuContent visibility when activated. Automatically includes a chevron down icon that rotates when the dropdown is open. Features comprehensive keyboard and mouse interaction support with proper ARIA state management. The asChild prop allows composition with custom button components.

## JSX Usage

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

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

## Component Props

### asChild
- **Type**: `boolean`
- **Required**: No
- **Description**: No description available

## Examples

### Example 1
```tsx
// Basic trigger with dropdown content
<NavigationMenuItem value="products">
  <NavigationMenuTrigger>Products</NavigationMenuTrigger>
  <NavigationMenuContent>
    <div className="p-6 w-[400px]">
      <NavigationMenuLink href="/products/analytics">Analytics</NavigationMenuLink>
      <NavigationMenuLink href="/products/dashboard">Dashboard</NavigationMenuLink>
    </div>
  </NavigationMenuContent>
</NavigationMenuItem>
```
### Example 2
```tsx
// Custom trigger styling with asChild
<NavigationMenuTrigger asChild>
  <Button variant="outline" size="lg">
    Custom Features Button
  </Button>
</NavigationMenuTrigger>
```
### Example 3
```tsx
// Trigger with additional icons
<NavigationMenuTrigger className="gap-2">
  <StarIcon className="size-4" />
  Featured Items
</NavigationMenuTrigger>
```