JSFiddle - React, Tailwind, and code Playground

HTML

<input id="checkboxid" type="checkbox" class="css-checkbox">
    <label for="checkboxid" class="css-label"></label>

CSS

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

.css-label{
  display: inline-block;
  padding-left:20px;
  height:15px;
  background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);
  background-repeat: no-repeat;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
 background-position: 0 -15px;
}