JSFiddle - React, Tailwind, and code Playground

by cathead

HTML

<form action="">
    <div>
        <div class="bf-form__group bf-form__group_error">
                        <label class="bf-form__label" for="">
                            First Name <span class="bf-form__required">*</span>
                        </label>
                        <div class="">
                            <input class="form-control bf-form__control" id="" type="text" name="firstName" required=""><label id="firstName-error" class="bf-form__error" for="firstName">This field is required.</label>
                        </div>
                    </div>
    </div>
    
</form>