OddApp Design
Raw shadcn — not wrapped in @oddapp/ui yet.

Import directly: @/components/ui/navigation-menu. OddApp tokens are applied via globals.css @theme. All token rules still apply.

NavigationMenu

Accessible top-level navigation with flyout content.

Default

Import and render this component in your app using the snippet below.

import { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent } from '@/components/ui/navigation-menu'

<NavigationMenu>
  <NavigationMenuList>
    <NavigationMenuItem>
      <NavigationMenuTrigger>Products</NavigationMenuTrigger>
      <NavigationMenuContent>Product links here</NavigationMenuContent>
    </NavigationMenuItem>
  </NavigationMenuList>
</NavigationMenu>