Navigation Overlay Panel 

<div class="navigation-overlay-panel js-overlay-panel">
    <div class="navigation-overlay-bar js-overlay-bar">
        <a href="#" class="navigation-overlay-bar__link js-overlay-panel-close-trigger"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.08 19">
                <path d="M8.38.46.58,8.27l0,0-.08.07a1.6,1.6,0,0,0,0,2.24l7.92,7.92a1.58,1.58,0,1,0,2.24-2.24L5.41,11.08H28.5a1.58,1.58,0,0,0,0-3.16H5.41L10.62,2.7a1.58,1.58,0,0,0,0-2.24A1.6,1.6,0,0,0,8.38.46Z" style="fill:#fff;fill-rule:evenodd" />
            </svg></a>
        <a href="#" class="navigation-overlay-bar__link navigation-overlay-bar__link--forgot-password js-overlay-close-forgot-password"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.08 19">
                <path d="M8.38.46.58,8.27l0,0-.08.07a1.6,1.6,0,0,0,0,2.24l7.92,7.92a1.58,1.58,0,1,0,2.24-2.24L5.41,11.08H28.5a1.58,1.58,0,0,0,0-3.16H5.41L10.62,2.7a1.58,1.58,0,0,0,0-2.24A1.6,1.6,0,0,0,8.38.46Z" style="fill:#fff;fill-rule:evenodd" />
            </svg></a>
        <h2>
            <span></span>
            <span></span>
            <span class="navigation-overlay-bar__forgot-password js-forgot-password"></span>
        </h2>
    </div>
    <a href="#" class="navigation-overlay-panel__close-button js-overlay-panel-close-trigger"></a>
    <h2 class="navigation-overlay-panel__title"></h2>
    <div class="navigation-overlay-panel__tabs">
        <div data-module="tabs" class="tabs">
        </div>
    </div>
    <div class="tab__section js-overlay-login" id="login" data-tab-section-id="login">
        <div class="auth0" data-show-login="true" data-show-sign-up="false" data-config="" data-container-id="navigation-overlay-login" data-register-text="" data-first-name-text="" data-last-name-text="" data-newsletter-text="" data-terms-text="" data-auth-domain="" data-auth-client-id="" data-redirect-url="" data-destination-url="" data-newsletter-text="" data-lang-code="" data-lang-context="">
            <div id="navigation-overlay-login"></div>
        </div>
    </div>
    <div class="tab__section js-overlay-signup" data-tab-section-id="signup">
        <div class="auth0" data-show-login="false" data-show-sign-up="true" data-config="" data-container-id="navigation-overlay-signup" data-register-text="" data-first-name-text="" data-last-name-text="" data-newsletter-text="" data-terms-text="" data-auth-domain="" data-auth-client-id="" data-redirect-url="" data-destination-url="" data-newsletter-text="" data-lang-code="" data-lang-context="">
            <div id="navigation-overlay-signup"></div>
        </div>
        <div class="account-terms-privacy" data-module="accountTermsPrivacy">
            <p>
                <a href="" target="_BLANK"></a> |
                <a href="" target="_BLANK"></a>
            </p>
        </div>
    </div>
</div>
 
<div class="navigation-overlay-panel js-overlay-panel">
    {{> @navigation-overlay-bar registerText=registerText }}
    <a href="#" class="navigation-overlay-panel__close-button js-overlay-panel-close-trigger"></a>
    <h2 class="navigation-overlay-panel__title">{{title}}</h2>
    <div class="navigation-overlay-panel__tabs">
        {{> @cp-tabs-buttons tabs}}
    </div>
    <div class="tab__section js-overlay-login" id="login" data-tab-section-id="login">
        {{> @auth0 id='navigation-overlay-login' showLogin='true' showSignUp='false' destinationUrl=destinationUrl langCode=langCode}}
    </div>
    {{#if footer }}
        <div class="navigation-overlay-panel__footer navigation-overlay-panel__footer--login">
            <p>{{ footer.loginText}} <a class="js-overlay-sign-up-link" href="#">{{ footer.loginLinkText }}</a></p>
        </div>
    {{/if}}
    <div class="tab__section js-overlay-signup" data-tab-section-id="signup">
        {{> @auth0 id='navigation-overlay-signup' registerText=registerText firstNameText=firstNameText lastNameText=lastNameText showLogin='false' showSignUp='true' newsletterText=newsletterText termsText=termsText destinationUrl=destinationUrl langCode=langCode }}
        {{> @cp-account-terms-privacy }}
    </div>
    {{#if footer }}
        <div class="navigation-overlay-panel__footer navigation-overlay-panel__footer--sign-up">
            <p>{{ footer.signupText}} <a class="js-overlay-login-link" href="#">{{ footer.signupLinkText }}</a></p>
        </div>
    {{/if}}
</div>
 
/* No context defined for this component. */

There are no notes for this item.