NavigationMenu

Collection of links for navigating websites. Built on Radix UI.

Installation
# Install @opencosmos/ui to use NavigationMenu
pnpm add @opencosmos/ui
Preview
Loading preview...
Usage
Import
import { NavigationMenu } from '@opencosmos/ui';
Example
<NavigationMenu>
  Content
</NavigationMenu>
Eject
Copy this component into your project for full customization

Code Examples

Basic Usage

Navigation menu with dropdowns

import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@opencosmos/ui"

<NavigationMenu>
  <NavigationMenuList>
    <NavigationMenuItem>
      <NavigationMenuTrigger>Item</NavigationMenuTrigger>
      <NavigationMenuContent>
        <NavigationMenuLink>Link</NavigationMenuLink>
      </NavigationMenuContent>
    </NavigationMenuItem>
  </NavigationMenuList>
</NavigationMenu>