<div class="input-group">
    <label for="text">Text Area</label>
    <textarea id="text" name="text" placeholder="Content goes here."></textarea>
    <p class="input-group__description">Description for this text area.</p>
</div>
<div class="input-group">
	<label for="{{ name }}">{{ label }}{% if required %} (Required){% endif %}</label>
	<textarea {% if error %}class="input--error" {% endif %}id="{{ name }}" name="{{ name }}" placeholder="{{ placeholder }}"{{ ' disabled' if disabled }}{{ ' required' if required }}>{% if error %}{{ errorValue | safe }}{% endif %}</textarea>
	{% if error %}<p class="input-group__error">{% render '@svg', {svg: 'error'}, true %}{{ errorMessage | safe }}</p>{% endif %}
	<p class="input-group__description">{{ description }}</p>
</div>
{
  "label": "Text Area",
  "name": "text",
  "description": "Description for this text area.",
  "placeholder": "Content goes here.",
  "errorMessage": "Sorry, that appears to be incorrect.",
  "errorValue": "Incorrect input",
  "required": false,
  "value": ""
}

There are no notes for this item.