JSFiddle - React, Tailwind, and code Playground

HTML

<form>    
  <input type="text" placeholder="Type something..." id="foo-thing" required="required">
  <span class="msg" style="visibility: hidden;">Yay not empty</span>
</form>

CSS

#foo-thing:valid + .msg {
    visibility: visible!important; 
}