Text area

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

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

<div class="ecl-form-group"><label class="ecl-form-label ecl-form-label--invalid" for="example-textarea-id-1">Label<span
      class="ecl-form-label__optional"> (optional)</span></label>
  <div class="ecl-help-block">This is the input&#x27;s helper text.</div>
  <div class="ecl-feedback-message">
    This is the error message</div><textarea id="example-textarea-id-1"
    class="ecl-text-area ecl-text-area--invalid ecl-text-area--m" rows="4" placeholder="Placeholder text"></textarea>
</div>

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