<div class="form-block form-block--textarea form-block--textarea-example has-error">
<div class="form-textarea">
<label for="textarea-example">This is a textarea</label>
<textarea id="textarea-example" name="textarea-example" rows="5" cols="33" placeholder="This is a placeholder"></textarea>
</div>
<div class="form-block-validation-message">
<p>This form has failed validation.</p>
</div>
</div>
<div class="form-block form-block--textarea form-block--{{ formBlockName }}{% if formBlockValidationMessage %} has-error{% endif %}">
<div class="form-textarea">
<label for="{{ formBlockName }}">{{ formBlockLabel }}</label>
<textarea id="{{ formBlockName }}" name="{{ formBlockName }}"{% if formBlockTextareaAttributes %}{% for key, value in formBlockTextareaAttributes %} {{ key }}="{{ value }}"{% endfor %}{% endif %}></textarea>
</div>
{% if formBlockValidationMessage %}
<div class="form-block-validation-message">
<p>{{ formBlockValidationMessage }}</p>
</div>
{% endif %}
</div>
{
"formBlockLabel": "This is a textarea",
"formBlockName": "textarea-example",
"formBlockTextareaAttributes": {
"rows": "5",
"cols": "33",
"placeholder": "This is a placeholder"
},
"formBlockValidationMessage": "This form has failed validation."
}
Purpose: Used to allow the user to input information.