JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <input id='remember_me' type='checkbox'>
    <label for='remember_me'>Remember me</label>
</div>

CSS

input[type='checkbox'] + label:before {
    content:"";
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    border: 1px solid blue;
}
input[type='checkbox']:checked + label:before {
    content:'X';
    color: blue;
    line-height: 14px;
}
input[type='checkbox'] {
    display: none;
}