Textarea element

<div class="rtds-input rtds-textarea{% block size %}{% endblock %}{% if iconPlaceholder or iconAlert %} has-icon{% endif %}{% if hasError %} has-error{% endif %}">
  {% set errorId = id ~ 'Error' %}
    {%- if iconPlaceholder %}
      {% render '@icon', {id: iconPlaceholder, classes: 'rtds-absolute rtds-left-3 rtds-content-placeholder', size: inputIconSize}, true %}
    {% endif -%}
      <textarea
        id="{{ id }}"
        class="{{ padding }} {{ radius }} {{ border }} rtds-text-sm rtds-input-placeholder{% if classes %} {{ classes }}{% endif %}{% if iconPlaceholder %} rtds-pl-12 {% endif %}{% if iconAlert %} rtds-pr-12 {% endif %}"
        {% if rows %} rows="{{ rows }}"{% endif %}
        {% if cols %} cols="{{ cols }}"{% endif %}
        {% if shortLabel %} data-label="{{ shortLabel }}"{% endif %}
        {% if placeholder %} placeholder="{{ placeholder }}"{% endif %} 
        {% if fieldRequired %} aria-required="true"{% endif %}
        {% if autocomplete %} autocomplete="{{ autocomplete }}"{% endif %}
        {% if ariaDescribedBy or hasErrorControl or fieldRequired %} aria-describedBy="
          {%- if hasErrorControl or fieldRequired -%}
          {{- errorId -}}
            {%- if ariaDescribedBy %} {{ ariaDescribedBy -}}{%- endif -%}
          {% elseif ariaDescribedBy -%}
          {{- ariaDescribedBy -}}
          {% endif %}"
        {% endif %}
        {% if ariaInvalid %} aria-invalid="true"{% endif %}
        ></textarea>
      {%- if iconAlert %}
        {% render '@icon', {id: 'outline--exclamation-circle', classes: 'rtds-absolute rtds-right-4 rtds-content-placeholder rtds-content-error', size: 'rtds-w-6 rtds-h-6'}, true %}
      {% endif -%}
  </div>