JSFiddle - React, Tailwind, and code Playground

HTML

<label>
  <input type="checkbox" />
  <div></div>
</label>

<label>
  <input type="checkbox" />
  <div></div>
</label>

CSS

input[type="checkbox"]{
  display:none;
}
input[type="checkbox"] + div:before  {
   background: #fff;
    border: 1px solid #d4d4d5;
    border-radius: 4px;
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 14px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 14px;
}
input[type="checkbox"]:checked + div:before  {
    background: #fff;
    color: #666;
    content: "\2713";
    text-align: center;
    border: 1px solid rgba(34,36,38,0.35);
    font-weight: 900;
}