Lumeo

Mega Menu

A navigation bar with expandable mega panel dropdowns — supports multi-column layouts, grouped links, and horizontal or vertical orientations.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<MegaMenu />

When to Use

  • Large navigation panels with grouped links for complex site structures
  • E-commerce category menus with multi-column product groupings
  • Feature-rich headers that need to display many links organized by section
  • Marketing sites or documentation portals with deep navigation hierarchies

Pick a value to see it applied live. Horizontal arranges items in a row; Vertical stacks them in a column sidebar style.

API Reference

MegaMenu

MegaMenuItem

MegaMenuPanel

MegaMenuLink

  • NavigationMenu — Simpler navigation menu for standard site navigation
  • Menubar — Horizontal menu bar for application-style menus
  • DropdownMenu — Single-column dropdown for simpler menu needs