shadcn-preactv4
Navigationsrc/components/ui/navigation-menu.tsx

Navigation Menu

A responsive navigation menu with dropdown panels.

Preview

Installation

Copy the component source into your project with `degit`. This port is intentionally not distributed as an npm package.

bunx degit https://github.com/LiasCode/shadcn-preact/src/components/ui#main ./src/components/ui

Usage

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

export function Example() {
  return (
    <NavigationMenu>
      {/* compose the parts you need */}
    </NavigationMenu>
  )
}

API Reference

ExportPurpose
NavigationMenuComposable part exported by `@/components/ui/navigation-menu`.
NavigationMenuListComposable part exported by `@/components/ui/navigation-menu`.
NavigationMenuItemComposable part exported by `@/components/ui/navigation-menu`.
NavigationMenuTriggerComposable part exported by `@/components/ui/navigation-menu`.
All componentsNext component