Component name

Drop Down Menu

Drop Down Menu

The Drop Down Menu component renders the mega menu dropdown container within a Navigation Item. It provides a multi-column layout via the menu-column placeholder, supporting Link List Columns and Mega Menu Cards.

Template Properties

The Drop Down Menu rendering does not have a datasource template. It is a stateless structural container that provides the mega menu dropdown shell.

Rendered Structure

The component renders the following HTML structure:

<div class="dropdown-menu" aria-labelledby="navbarDropdown">
  <div class="mega-content">
    <div class="container-fluid p-0">
      <div class="row">
        [menu-column placeholder content]
      </div>
    </div>
  </div>
</div>
Placeholder Structure
PlaceholderAcceptsPurpose
menu-columnLink List Column, Mega Menu CardEach child rendering occupies a column in the responsive row grid inside the mega menu dropdown panel.
Component Hierarchy

Header → Navigation Item → Drop Down Menu → Link List Column / Mega Menu Card → Sub Column / Link Item