JSFiddle - React, Tailwind, and code Playground

by Alexander Branchugov

HTML

<textarea rows="1"></textarea>

<textarea rows="3"></textarea>

<textarea rows="2"></textarea>

CSS

textarea {
  width: 100%;
  margin: 10px 0;
}

textarea[rows='1'] {
  height: 20px;
}

textarea[rows='2'] {
  height: 50px;
}
textarea[rows='3'] {
  height: 80px;
}