Navigation Menu

A top-level nav with mega-dropdown columns.

Install

npx shadcn add @clearly/navigation-menu

Preview

Live Navigation Menu component — see usage below.

Usage

import { NavigationMenu } from "@/components/ui/navigation-menu"

<NavigationMenu />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Props

PropTypeDefaultDescription
viewportbooleantrueRender a shared animated viewport for dropdowns.
orientation"horizontal" | "vertical""horizontal"Menu orientation.