UMD Web Components Library
    Preparing search index...

    Variable itemConst

    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.

    <umd-element-nav-item>

    • primary-link - Main navigation link (required)
    • dropdown-links - Dropdown menu content
    • dropdown-callout - Featured callout section in dropdown
    <!-- 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>

    1.0.0