JSFiddle - React, Tailwind, and code Playground

HTML

<form>
  <h2>Email validation</h2>
  <label for="email">Enter Email</label><br/>
 <input type="email"
  pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,63}$" required />
  
  <input type="submit" value="Submit">
</form>