Textarea

<textarea class="kt-textarea" placeholder="Text input" rows="4"></textarea>

<textarea
  class="kt-textarea"
  placeholder="Text input"
  rows="4"
  disabled=""
></textarea>

<textarea
  class="kt-textarea"
  placeholder="Text input"
  rows="4"
  readonly=""
></textarea>

<textarea
  class="kt-textarea"
  placeholder="Text input"
  rows="4"
  aria-invalid="true"
></textarea>

<div class="space-y-5">
  <textarea class="kt-textarea" placeholder="Small" rows="3"></textarea
  ><textarea class="kt-textarea" placeholder="Default" rows="3"></textarea
  ><textarea class="kt-textarea" placeholder="Large" rows="3"></textarea>
</div>

<form class="kt-form">
  <div class="kt-form-item">
    <label class="kt-form-label">Description</label>
    <div class="kt-form-control">
      <textarea
        class="kt-textarea"
        placeholder="Enter description"
        rows="4"
      ></textarea>
    </div>
    <div class="kt-form-description">Enter a long description.</div>
    <div class="kt-form-message">Description is required.</div>
  </div>
  <div class="kt-form-item">
    <label class="kt-form-label">Validation:</label>
    <div class="kt-form-control">
      <textarea
        class="kt-textarea"
        placeholder="Enter description"
        rows="4"
        aria-invalid="true"
      ></textarea>
    </div>
    <div class="kt-form-description">Enter a long description.</div>
    <div class="kt-form-message">Description is required.</div>
  </div>
  <div class="kt-form-actions">
    <button type="reset" class="kt-btn kt-btn-outline">Reset</button
    ><button type="submit" class="kt-btn">Submit</button>
  </div>
</form>