<div class="InputGroup InputGroup--highlight">
    <form action="#" method="post">
        <input type="hidden" value="1" name="embed">
        <label class="InputGroup-label Heading Heading--body" for="ID2">Get notified with updates</label>
        <div class="Input InputGroup-combo">
            <input class="InputGroup-field" type="email" name="email" placeholder="Enter email address" id="ID2" />
            <button type="submit" class="InputGroup-submit">Join the mailing list</button>
        </div>
    </form>
    <small class="InputGroup-microcopy">Low volume mailing list. Just for events & conference updates. <a href="#">See an example</a></small>
</div>
<div class="InputGroup{% if inputGroupModifiers %} InputGroup--{{ inputGroupModifiers }}{% endif %}">
    <form action="{{ inputGroupURL }}" method="post">
        <input type="hidden" value="1" name="embed">
        <label class="InputGroup-label Heading Heading--body" for="{{ inputGroupID }}">{{ inputGroupLabel }}</label>
        <div class="Input InputGroup-combo">
            <input class="InputGroup-field" type="email" name="email" placeholder="{{ inputGroupPlaceholder }}" id="{{ inputGroupID }}"/>
            <button type="submit" class="InputGroup-submit">{{ inputGroupSubmit }}</button>
        </div>
    </form>
    {% if inputGroupMicrocopy %}
        <small class="InputGroup-microcopy">{{inputGroupMicrocopy}}</small>
    {% endif %}
</div>
{
  "inputGroupURL": "#",
  "inputGroupLabel": "Get notified with updates",
  "inputGroupSubmit": "Join the mailing list",
  "inputGroupID": "ID2",
  "inputGroupPlaceholder": "Enter email address",
  "inputGroupMicrocopy": "Low volume mailing list. Just for events & conference updates. <a href=\"#\">See an example</a>",
  "inputGroupModifiers": "highlight"
}

There are no notes for this item.