JSFiddle - React, Tailwind, and code Playground

by wimp9487

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/autosize.js/3.0.20/autosize.js"></script>
<div class='container'>
  <input type="text" placeholder="請輸入暱稱">
  <br />
  <textarea></textarea>
  <br />
  <button>送出</button>
</div>

CSS

* {
   box-sizing: border-box;
}
.container {
  margin: 20px auto;
}
input {
  width: 200px;
  margin-bottom: 10px;
}
textarea {
  width: 200px;
  margin-bottom: 10px;
}
button {
   width: 200px;
}

JavaScript

autosize(document.querySelector('textarea'));