laif-ds/dist/agent-docs/components/NavigationMenu.md

Design System di Laif con componenti React basati su principi di Atomic Design

# NavigationMenu

## Overview

Accessible navigation menu with optional animated viewport. Built on Radix Navigation Menu.

---

## Exports

- `NavigationMenu` (prop: `viewport?: boolean = true`)
- `NavigationMenuList`
- `NavigationMenuItem`
- `NavigationMenuTrigger`
- `NavigationMenuContent`
- `NavigationMenuLink`
- `NavigationMenuIndicator`
- `NavigationMenuViewport`

---

## Example

```tsx
import {
  NavigationMenu,
  NavigationMenuList,
  NavigationMenuItem,
  NavigationMenuTrigger,
  NavigationMenuContent,
  NavigationMenuLink,
} from "laif-ds";

export function MainNav() {
  return (
    <NavigationMenu>
      <NavigationMenuList>
        <NavigationMenuItem>
          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
          <NavigationMenuContent>
            <div className="grid w-[300px] gap-2 p-2">
              <NavigationMenuLink href="/products/a">Product A</NavigationMenuLink>
              <NavigationMenuLink href="/products/b">Product B</NavigationMenuLink>
            </div>
          </NavigationMenuContent>
        </NavigationMenuItem>
      </NavigationMenuList>
    </NavigationMenu>
  );
}
```