Textarea

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

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

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

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

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

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