<label for="input405ope1kllpc7rjb" class="textarea--required">Text Area</label>
<textarea id="input405ope1kllpc7rjb" rows="8" cols="48" placeholder="Enter your text here" class="textarea--required" aria-required="true"></textarea>
{% if textarea is not empty %}
{% set input_id = 'input'|uniqid %}
<label for="{{ input_id }}" class="{{ textarea.variant }}">{{ textarea.label }}</label>
<textarea id="{{ input_id }}" rows="8" cols="48" placeholder="{{ textarea.placeholder }}" class="{{ textarea.variant }}" {% if textarea.required %}aria-required="true"{% endif %} {% if textarea.disabled %}disabled="disabled"{% endif %}></textarea>
{% endif %}
{
  "textarea": {
    "label": "Text Area",
    "placeholder": "Enter your text here",
    "variant": "textarea--required",
    "required": true
  }
}

This textarea can be used in forms to collect data. It is not intended to be used as a standalone pattern. The required, disabled, error, and valid states are provided to be applied to textareas by form applications as needed.