JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="text" required>
    …
    <input type="submit">
</form>

CSS

form, input {
    padding: 1em;
    outline: 3px solid
}

:valid {
    outline-color: green
}

:invalid {
    outline-color: red
}