JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-group">
                <div class="col-md-3">
                  <div class="checkbox">
                    <label class="">
                      <div>
                        <input type="checkbox" id="checktipo" value="fisica"  name="checktipo[]" />
                      </div> Pessoa Física
                    </label>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="checkbox">
                    <label class="">
                      <div>
                        <input type="checkbox" id="checktipo" value="juridica" name="checktipo[]" />
                      </div> Pessoa Jurídica
                    </label>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="checkbox">
                    <label class="">
                      <div>
                        <input type="checkbox" id="checktipo" value="juridica" name="checktipo[]" />
                      </div> Contato
                    </label>
                  </div>
                </div>