Newsletter Overlay 

<div class='newsletter-overlay' data-module="newsletterOverlay">
    <div class='grid-container'>
        <div class='grid-x grid-padding-x newsletter-overlay__grid'>
            <div class='cell newsletter-overlay__cell medium-7'>
                <div class='newsletter-overlay__close-button js-close-button'>
                    <span class="icon-cross"></span>
                </div>
                <div class='newsletter-overlay__content'>
                    <form id='form1'>
                        <div class='textfield__container'><label for='' class='textfield__label'>Sign up to our newsletter</label><input type='text' id='' class='textfield__input' placeholder='' name=''></div>
                        <div class='checkbox__container'><input id='' type='checkbox' class='checkbox__input' name='' value=''><label for='' class='checkbox__label'>marketing opt-in message</label></div> <button class='primary-cta' type='submit' form='form1' value='Submit'>Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
 
<div class='newsletter-overlay' data-module="newsletterOverlay">
    <div class='grid-container'>
        <div class='grid-x grid-padding-x newsletter-overlay__grid'>
            <div class='cell newsletter-overlay__cell medium-7'>
                <div class='newsletter-overlay__close-button js-close-button'>
                    <span class="icon-cross"></span>
                </div>
                <div class='newsletter-overlay__content'>
                    {{{content}}}
                </div>
            </div>
        </div>
    </div>
</div>
</div>
 
{
  "theme": "default",
  "firstInstance": true,
  "content": "<form id='form1'><div class='textfield__container'><label for='' class='textfield__label'>Sign up to our newsletter</label><input type='text' id='' class='textfield__input' placeholder='' name=''></div><div class='checkbox__container'><input id='' type='checkbox' class='checkbox__input' name='' value=''><label for='' class='checkbox__label'>marketing opt-in message</label></div> <button class='primary-cta' type='submit' form='form1' value='Submit'>Submit</button></form>"
}
  • Handle: @newsletter-overlay
  • Preview:
  • Filesystem Path: source/patterns/03-components/forms/newsletter-overlay.hbs

No notes defined.