JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-group">
    <input class="form-control valid" id="user_email" name="user[email]" placeholder="Email-Address" size="30" type="email" value="a@aa5305.com"/>
</div>

CSS

input.valid {
    color: green;
    width: 200px;
}
.form-group {
    position: relative;
    width: 200px;
}
.form-group:after {
        content:"\2713";
        color: green;
        font-weight:bold;
        font-size: 18px;
        display: block;
        position: absolute;
        right: 0;
        top: 2px;
    }
}