@govbr-ds/core/dist/components/textarea/examples/textarea-states.html

Padrão Digital de Governo

<div class="row">
  <div class="col-sm-4">
    <div class="br-textarea success">
      <label for="textarea-success">Label</label>
      <textarea id="textarea-success" placeholder="Exemplo de textarea com sucesso"></textarea><span class="feedback success" role="alert"><i class="fas fa-check-circle" aria-hidden="true"></i><span>Campo correto</span></span>
    </div>
  </div>
  <div class="col-sm-4 mt-5 mt-sm-0">
    <div class="br-textarea danger">
      <label for="textarea-danger">Label</label>
      <textarea id="textarea-danger" placeholder="Exemplo de textarea com erro"></textarea><span class="feedback danger" role="alert"><i class="fas fa-times-circle" aria-hidden="true"></i><span>Campo com erro</span></span>
    </div>
  </div>
  <div class="col-sm-4 mt-5 mt-sm-0">
    <div class="br-textarea">
      <label for="textarea-id7">Label</label>
      <textarea id="textarea-id7" placeholder="Exemplo de textarea desabilitado" disabled="disabled"></textarea><span class="feedback warning" role="alert"><i class="fas fa-exclamation-triangle" aria-hidden="true"></i><span>Campo desabilitado</span></span>
    </div>
  </div>
</div>