Const
<!-- Simple navigation item -->
<umd-element-nav-item>
<a slot="primary-link" href="/about">About</a>
</umd-element-nav-item>
<!-- Navigation item with dropdown -->
<umd-element-nav-item>
<a slot="primary-link" href="/academics">Academics</a>
<nav slot="dropdown-links">
<ul>
<li><a href="/undergraduate">Undergraduate Programs</a></li>
<li><a href="/graduate">Graduate Programs</a></li>
<li><a href="/online">Online Learning</a></li>
</ul>
</nav>
</umd-element-nav-item>
<!-- Navigation item with dropdown and callout -->
<umd-element-nav-item>
<a slot="primary-link" href="/research">Research</a>
<nav slot="dropdown-links">
<ul>
<li><a href="/research/centers">Research Centers</a></li>
<li><a href="/research/labs">Laboratories</a></li>
<li><a href="/research/funding">Funding Opportunities</a></li>
</ul>
</nav>
<div slot="dropdown-callout">
<h3>Featured Research</h3>
<p>Quantum computing breakthrough leads to new possibilities</p>
<a href="/research/quantum">Learn More</a>
</div>
</umd-element-nav-item>
Navigation Item
A navigation menu item component that supports dropdown menus and callout sections. Designed to be used within navigation header and drawer components for creating hierarchical navigation structures.
Custom Element
<umd-element-nav-item>
Slots
primary-link
- Main navigation link (required)dropdown-links
- Dropdown menu contentdropdown-callout
- Featured callout section in dropdown