Mozilla Protocol
  • 19.1.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-title">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-title');
    </script>

</div>