JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<div class="container"><input id="foo" type="checkbox" /><label for="foo">Same as billing address?</label></div>

CSS

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

 label {
    margin: 0;
    height: 30px;
    display: block;

    /* Left padding makes room for image */
    padding-left: 26px;

    /* Make look clickable because they are */
    cursor: pointer;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA4MDUwNEJBRDI3MTFFMTlGRENCNjU4MDMxN0Y3RjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA4MDUwNENBRDI3MTFFMTlGRENCNjU4MDMxN0Y3RjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDgwNTA0OUFEMjcxMUUxOUZEQ0I2NTgwMzE3RjdGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMDgwNTA0QUFEMjcxMUUxOUZEQ0I2NTgwMzE3RjdGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiPE+qAAAADVSURBVHjaYmEAAmNjYwEgVQ/ECUAMYlMDfADiBUDcePbs2Q+MUEv2A7EBA23ABSB2ZIH6BGbJBCDeCHTBAUpMBjreAUj5A3EB1Ox6kI/eQ4NrAtCCQmp6BWh2P9SyD0xIcbKRBsG2EEoLMMFEKA0ubABo5gUYm4mBTmDUolGLRi0atWjUoiFtEbA2pHqbAVqlwy36AGXH08Aj/rAWEbOUlJQEkGEBwkC2ABD/fP78+QMKfWIANKcc2l4AgRl0a24xgRp3IAa0qfWBihZ8gJrpCLIDIMAAwfk6Rcrunp0AAAAASUVORK5CYII=) left center no-repeat;
}


input[type='checkbox']:checked + label {
    background-image:...