<div class="field-set field-set--error">
<label class="field-set__title" for="text">Email Input</label>
<span class="error-message">Please enter a valid email address</span> <div class="field-set__content">
<div class="field-set__items">
<div class="field-set__item field-set__item--error">
<span class="field-set__label">you@yourdomain.com</span>
<input class="field-set__input" type="email">
</div>
</div>
</div>
</div>
<div class="field-set {% if error %} field-set--error{% endif %}">
<label class="field-set__title" for="text">{{ label }}</label>
{% if error %}<span class="error-message">{{error}}</span>{% endif %}
<div class="field-set__content">
{% if tooltip %}
<div class="tooltip">
<span class="tooltip__button">?</span>
<div class="tooltip__content" style="display: none;">{{ tooltip }}</div>
</div>
{% endif %}
<div class="field-set__items">
<div class="field-set__item {% if error %} field-set__item--error{% endif %}">
<span class="field-set__label">{{ placeholder }}</span>
<input class="field-set__input" type="{{ type }}">
</div>
</div>
</div>
</div>
{
"type": "email",
"placeholder": "you@yourdomain.com",
"label": "Email Input",
"error": "Please enter a valid email address"
}