Text area

<div class="ecl-form-group"><label for="example-textarea-id-1" id="example-textarea-id-1-label"
    class="ecl-form-label">Label<span class="ecl-form-label__optional" role="note"
      aria-label="optional">(optional)</span></label>
  <div class="ecl-help-block" id="example-textarea-id-1-helper">This is the input's helper text.</div><textarea
    id="example-textarea-id-1" class="ecl-text-area ecl-text-area--m" rows="4" placeholder="Placeholder text"
    aria-describedby="example-textarea-id-1-helper"></textarea>
</div>

<div class="ecl-form-group"><label for="example-textarea-id-1" id="example-textarea-id-1-label"
    class="ecl-form-label ecl-form-label--disabled">Label<span class="ecl-form-label__optional" role="note"
      aria-label="optional">(optional)</span></label>
  <div class="ecl-help-block ecl-help-block--disabled" id="example-textarea-id-1-helper">This is the input's helper
    text.</div><textarea id="example-textarea-id-1" class="ecl-text-area ecl-text-area--m" rows="4"
    placeholder="Placeholder text" disabled aria-describedby="example-textarea-id-1-helper"></textarea>
</div>

<div class="ecl-form-group"><label for="example-textarea-id-1" id="example-textarea-id-1-label"
    class="ecl-form-label ecl-form-label--invalid">Label<span class="ecl-form-label__optional" role="note"
      aria-label="optional">(optional)</span></label>
  <div class="ecl-help-block" id="example-textarea-id-1-helper">This is the input's helper text.</div><textarea
    id="example-textarea-id-1" class="ecl-text-area ecl-text-area--invalid ecl-text-area--m" rows="4"
    placeholder="Placeholder text" aria-describedby="example-textarea-id-1-helper example-textarea-id-1-invalid"
    aria-invalid="true"></textarea>
  <div class="ecl-feedback-message" id="example-textarea-id-1-invalid"><svg
      class="ecl-icon ecl-icon--m ecl-feedback-message__icon" focusable="false" aria-hidden="false" role="img">
      <title>Error</title>
      <use xlink:href="/dist/media/icons.aa842b0d.svg#error"></use>
    </svg>This is the error message</div>
</div>

<div class="ecl-form-group"><label for="example-textarea-id-1" id="example-textarea-id-1-label"
    class="ecl-form-label">Label<span class="ecl-form-label__required" role="note"
      aria-label="required">*</span></label>
  <div class="ecl-help-block" id="example-textarea-id-1-helper">This is the input's helper text.</div><textarea
    id="example-textarea-id-1" class="ecl-text-area ecl-text-area--m" rows="4" placeholder="Placeholder text" required
    aria-describedby="example-textarea-id-1-helper"></textarea>
</div>