Waiting for action
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Large grouped navigation panel with optional featured callout.
Pass a menus array. Each entry defines one top-level trigger and its panel content:
id and label identify the menu trigger.sections defines the column count; each section is one column with a title and items rows.featured is an optional promotional sidebar with eyebrow, title, description, and actionLabel.Use staticPanel to render a single menu panel inline without a trigger (for docs and previews).
| Prop | Type | Default | Description |
|---|---|---|---|
menus | MegaMenuConfig[] | — | Primary data source; pass one item for a single menu. |
sections | MegaMenuSection[] | — | Legacy fallback when menus is omitted. |
featured | MegaMenuFeatured | — | Legacy fallback featured panel for a single menu. |
density | SurfaceDensity | "comfortable" | Spacing scale. |
staticPanel | boolean | false | Render the panel inline without a trigger button. |
open | boolean | — | Controlled open state for standalone dropdown usage. |
aria-haspopup, aria-expanded, and aria-controls when not using staticPanel.