UMD Web Components Library
    Preparing search index...

    Variable drawerConst

    drawer: ComponentRegistration = ...

    Navigation Drawer

    A mobile-friendly navigation drawer component that provides off-canvas navigation. Includes a menu button trigger and sliding drawer panel for responsive navigation menus.

    <umd-element-nav-drawer>

    • logo - Site logo/branding
    • main-navigation - Primary navigation links
    • utility-navigation - Utility/secondary navigation links
    • footer-navigation - Footer navigation links
    <!-- Basic navigation drawer -->
    <umd-element-nav-drawer>
      <a slot="logo" href="/">
        <img src="logo.svg" alt="Site Logo">
      </a>
      <nav slot="main-navigation">
        <ul>
          <li><a href="/about">About</a></li>
          <li><a href="/programs">Programs</a></li>
          <li><a href="/contact">Contact</a></li>
        </ul>
      </nav>
    </umd-element-nav-drawer>

    <!-- Full navigation drawer -->
    <umd-element-nav-drawer>
      <a slot="logo" href="/">Maryland</a>
      <nav slot="main-navigation">
        <ul>
          <li><a href="/academics">Academics</a></li>
          <li><a href="/research">Research</a></li>
          <li><a href="/campus">Campus Life</a></li>
        </ul>
      </nav>
      <nav slot="utility-navigation">
        <ul>
          <li><a href="/apply">Apply</a></li>
          <li><a href="/give">Give</a></li>
        </ul>
      </nav>
      <nav slot="footer-navigation">
        <ul>
          <li><a href="/privacy">Privacy</a></li>
          <li><a href="/accessibility">Accessibility</a></li>
        </ul>
      </nav>
    </umd-element-nav-drawer>

    1.0.0

    Settings

    Member Visibility

    On This Page

    Custom ElementSlots