<link rel="stylesheet" href="http://bfs-eng-de-03.kana-test.com/bootstrap-4.0.0/dist/css/bootstrap.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="http://bfs-eng-de-03.kana-test.com/bootstrap-4.0.0/dist/js/bootstrap.bundle.js"></script>
<div class="card">
<div class="card-header">Text Area</div>
<div class="card-body">
<form>
<div class="form-group row">
<label for="inputKey" class="col-lg-4 col-form-label">Regular</label>
<div class="col-lg-4">
<textarea class="form-control form-control-sm" placeholder="Guiding Text"></textarea>
</div>
<div class="col-lg-4">
<textarea class="form-control form-control-sm" placeholder="Guiding Text">Lorem ipsum dolor sit amet, id vis ubique cotidieque, ex malis commune mea. Stet explicari in ius, eu sanctus intellegat mea. Mazim atomorum his te, idque nihil percipit an cum.</textarea>
</div>
</div>
<div class="form-group row">
<label for="inputKey" class="col-lg-4 col-form-label">Disabled</label>
<div class="col-lg-4">
<textarea class="form-control form-control-sm" placeholder="Guiding Text" disabled></textarea>
</div>
<div class="col-lg-4">
<textarea class="form-control form-control-sm" placeholder="Guiding Text" disabled>Lorem ipsum dolor sit amet, id vis ubique cotidieque, ex malis commune mea. Stet explicari in ius, eu sanctus intellegat mea. Mazim atomorum his te, idque nihil percipit an cum.</textarea>
</div>
</div>
<div class="form-group row">
<label for="inputKey" class="col-lg-4 col-form-label">Read-Only</label>
<div class="col-lg-4">
<textarea class="form-control form-control-sm" placeholder="Guiding Text" readonly></textarea>
</div>
<div class="col-lg-4">
<textarea class="form-control form-control-sm" placeholder="Guiding Text" readonly>Lorem ipsum dolor sit amet, id vis ubique cotidieque, ex malis commune mea. Stet explicari in ius, eu sanctus intellegat mea. Mazim atomorum his te, idque nihil percipit an cum.</textarea>
</div>
</div>
<div class="form-group row">
<label for="inputKey" class="col-lg-4 col-form-label">Error</label>
<div class="col-lg-4">
<textarea class="form-control form-control-sm is-invalid" placeholder="Guiding Text"></textarea>
</div>
<div class="col-lg-4">
<textarea class="form-control form-control-sm is-invalid" placeholder="Guiding Text">Lorem ipsum dolor sit amet, id vis ubique cotidieque, ex malis commune mea. Stet explicari in ius, eu sanctus intellegat mea. Mazim atomorum his te, idque nihil percipit an cum.</textarea>
</div>
</div>
</div>
</form>
</div>
</div>
|