Mozilla Protocol
  • 22.0.0

Menu List: Download

  • Customized with mzp-t-download class to display download icon on hover.
  • You should place a link leading to a download page when using this variant inside the anchor tag.
<div class="mzp-t-download">
  <div class="mzp-c-menu-list  is-summary">
  <h3 class="mzp-c-menu-list-heading">Meet the Family</h3>
  <ul class="mzp-c-menu-list-list">
    <li class="mzp-c-menu-list-item"><a href="#">Relay</a></li>
    <li class="mzp-c-menu-list-item"><a href="#">Monitor</a></li>
    <li class="mzp-c-menu-list-item"><a href="#">MDN</a></li>
    <li class="mzp-c-menu-list-item"><a href="#">Slightly longer menu item for testing</a></li>
  </ul>
</div>

<script src="../../protocol/js/details.js"></script>

<script>
  window.MzpDetails.init('.mzp-c-menu-list-heading');
</script>

</div>