@govbr-ds/core/dist/components/menu/examples/menu-contextual.html

Padrão Digital de Governo

<div class="br-menu contextual">
  <div class="menu-trigger d-sm-none">
    <button class="br-button primary block py-4" type="button" data-toggle="contextual" aria-expanded="aria-expanded"><span class="mr-1">Menu Contextual</span><i class="fas fa-chevron-up ml-5" aria-hidden="true"></i>
    </button>
  </div>
  <div class="menu-container d-sm-block">
    <div class="menu-panel col-sm-3">
      <nav class="menu-body">
        <div class="menu-folder">
          <div class="menu-item"><span class="content">AGRUPAMENTO 1</span></div>
          <ul>
            <li role="none"><a class="menu-item" href="javascript: void(0)"><span class="content">Item do menu 1</span></a></li>
            <li role="none"><a class="menu-item" href="javascript: void(0)"><span class="content">Item do menu 1</span></a></li>
            <li role="none"><a class="menu-item" href="javascript: void(0)"><span class="content">Item do menu 1</span></a></li>
          </ul>
          <div class="menu-item"><span class="content">AGRUPAMENTO 2</span></div>
          <ul>
            <li><a class="menu-item" href="javascript: void(0)"><span class="content">Item do menu 2</span></a></li>
            <li><a class="menu-item" href="javascript: void(0)"><span class="content">Item do menu 2</span></a></li>
            <li><a class="menu-item" href="javascript: void(0)"><span class="content">Item do menu 2</span></a></li>
          </ul>
        </div>
      </nav>
    </div>
    <div class="menu-scrim" data-dismiss="menu" tabindex="0"></div>
  </div>
</div>