<div class="InputGroup InputGroup--prominent">
    <form action="#" method="post">
        <input type="hidden" value="1" name="embed">
        <label class="InputGroup-label Heading Heading--body" for="ID1">Form input label</label>
        <div class="Input InputGroup-combo">
            <input class="InputGroup-field" type="email" name="email" placeholder="E.g. example@domain.com" id="ID1" />
            <button type="submit" class="InputGroup-submit">Get the Clearletter</button>
        </div>
    </form>
    <small class="InputGroup-microcopy">Every 2 weeks. It’S non-salesy. We never spam.</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": "Form input label",
  "inputGroupSubmit": "Get the Clearletter",
  "inputGroupID": "ID1",
  "inputGroupPlaceholder": "E.g. example@domain.com",
  "inputGroupMicrocopy": "Every 2 weeks. It’S non-salesy. We never spam.",
  "inputGroupModifiers": "prominent"
}

There are no notes for this item.