order
MegaMenu
A multi-column navigation panel for dense site maps, shown inside a Popover.
Projects menuThree columns and a footer link
In context
Site headerThe panel opened from a nav item
Shape
{
type: "mega-menu",
columns: { heading: string, items: { label: string; description?: string; href: string; icon?: IconName; external?: boolean }[] }[],
footer?: { label: string; href: string },
}Dismissal
Clicking a link closes the popover. The host (usually NavBar) owns open / onOpenChange.
data-rebar-* attributes
data-rebar-placement-block="mega-menu" on the panel root, data-rebar-part="mega-trigger" on the trigger button.