JSFiddle - React, Tailwind, and code Playground

by Posandu Mapa

HTML

<!--Code from https://tronic247.com/snippets/ --> 
<style type="text/css">
	.input {
		padding: 6px 8px;
		border: 1px solid #cbcbcb;
		color: #000;
		font-family: arial , roboto , sans serif , segoe ui;
		border-radius: 1px;
		font-size: 13px;
		font-weight: 500;
		box-shadow: inset 0px 0px 2px -1px #a19f9f;
		transition: all 0.2s ease;
	}
	.input:hover {
		border-color: #9d9d9d;
	}
	.input:focus {
		border-color: #4d90fe;
		outline: none;
		box-shadow: inset 0px 0px 2px 0px #a19f9f;
	}
</style>
<input type="text" class="input" placeholder="Placeholder">