Navigation Menu
A collection of links for navigating websites, with support for flyout content panels.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <NavigationMenu />
When to Use
- Site-wide navigation in headers with links and flyout panels
- Header navigation bars with grouped link categories
- Mega menus displaying rich content like descriptions, badges, and icons
Open panel: none
Bind Value (matching each NavigationMenuItem's Value) to drive which panel is open from outside. DelayDuration tunes the hover-forgiveness window in milliseconds; DefaultValue opens one panel on first render in uncontrolled mode.
API Reference
NavigationMenu
NavigationMenuList
NavigationMenuItem
NavigationMenuTrigger
NavigationMenuContent
NavigationMenuLink
NavigationMenuHamburger
NavigationMenuMobile
NavigationMenuIndicator
NavigationMenuViewport
Related Components
- Menubar — For desktop-style application menu bars with keyboard shortcuts
- Sidebar — For vertical side navigation with collapsible sections
- Breadcrumb — For displaying the current page path within a navigation hierarchy