JSFiddle - React, Tailwind, and code Playground

HTML

<input type='checkbox' name='check' id="check" />
<label for="check"></label>Check

CSS

input[type=checkbox] {
      display:none;
  }

  input[type=checkbox] + label {
      background: #fff;
      border: 1px solid #ccc;
      height: 16px;
      width: 16px;
      display:inline-block;
      padding: 0 0 0 0px;
  }

  input[type=checkbox]:checked + label {
      background: url(http://www.rakebacksurge.com/Styles/img/icons/tick.gif);
      height: 16px;
      width: 16px;
      display:inline-block;
      padding: 0 0px 0 0px;

  }
label  {margin-right: 10px}