@gravityforms/gulp-tasks/src/templates/doc/mobile-nav.js

Configurable Gulp tasks for use in Gravity Forms projects.

const navLeftItems = require( './nav-left-items' );
const navRightItems = require( './nav-right-items' );
const menusItems = require( './menu-items' );

module.exports = function( {
    menuItems = [],
    menuLogo = '<a href="./index.html"><span class="gform-gravity-logo"></span></a>',
} ) {
    return ( `
        <div class="mobile-menu-icon-container">
            <button class="icon-button" id="mobile-menu" data-isopen="false" aria-label="menu">
                <svg>
                    <use xlink:href="#menu-icon"></use>
                </svg>
            </button>
        </div>
        <div id="mobile-sidebar" class="mobile-sidebar-container">
            <div class="mobile-sidebar-wrapper">
                ${ menuLogo }
                <div class="mobile-nav-links">
                    ${ navLeftItems() }
                </div>
                <div class="mobile-sidebar-items-c">
                    ${ menusItems( { menuItems } ) } 
                </div>
                <div class="mobile-navbar-actions">
                    ${ navRightItems() }
                </div>
            </div>
        </div>
	` );
};