Navigation Item
Navigation Item
The Navigation Item component renders a primary navigation dropdown item in the Header's main navbar. When the link field is empty, it displays as a dropdown toggle that opens a mega menu. When a link is provided, it renders as a direct navigation link.
Control Properties
The Navigation Item rendering does not use traditional rendering parameters. Its behavior is determined by the datasource content and its placement within the Header's navigation-item placeholder.
| Configuration | Type | Description |
|---|---|---|
| Placeholders: drop-down-menu-container | Placeholder | Contains a Drop Down Menu rendering that provides the mega menu content when the item acts as a dropdown toggle. |
| Datasource Location | Relative | Datasource is created relative to the current item (./), typically as child items of the Header datasource. |
Template Properties
The Navigation Item rendering uses the Navigation Item datasource template (/sitecore/templates/Feature/Navigation/Navigation Item), which inherits from _NavigationItem and _AuthNavigationItem.
| Field | Type | Source | Description |
|---|---|---|---|
| Title | Single-Line Text | _NavigationItem | The display text for the navigation link or dropdown toggle label. |
| Link | General Link | _NavigationItem | When populated (internal or external), the item renders as a direct link. When empty, it renders as a dropdown toggle that opens the mega menu. |
| RequiresAuth | Checkbox | _AuthNavigationItem | When checked, the navigation item is only visible to authenticated users. |
Rendering Behavior
- No Link (empty) — Renders as a dropdown toggle (
<a class="nav-link dropdown-toggle">) with adrop-down-menu-containerplaceholder for the mega menu. - Link provided — Renders as a standard nav link (
<a class="nav-link">) with direct navigation to the href. Thedrop-down-menu-containerplaceholder is still available but typically unused.
Placeholder Structure
| Placeholder | Accepts | Purpose |
|---|---|---|
| drop-down-menu-container | Drop Down Menu | Contains the mega menu dropdown content with multi-column layouts, Link List Columns, and Mega Menu Cards. |