JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://metadept.com/libs/jquery.autosize-min.js"></script>
<div id="contact">

<form method="post" action="#">

						<textarea id="message" class="message_autogrow" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">Message</textarea>
						<div class="send">
							<button type="submit">Send</button>
						</div>
					</form>
</div>

CSS

#contact form textarea {
	display: block;
	margin: 16px 0 0 0;
	padding: 0;
	color: #084a94;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: 22px;
	width: 345px;
	border: none;
	border-bottom: 1px solid #122266;
	resize: none;
	height: 25px;
}

JavaScript

$(function() {
   $('.message_autogrow').autosize();
});