JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<input id="name" type="text" pattern="[a-zA-Z]+" required="required" />

CSS

input.invalid {
border-color:red;
}

input, input.valid {
border-color: green;
}