JSFiddle - React, Tailwind, and code Playground

by Benjamin DeLong

HTML

<input type="radio" id ="light" name="choice" value="none""><label for="light"><span class="button"></span>Light me</label>

CSS

input[type="radio"] {
    display:none;
}
.button {   background:url('http://refundfx.com.au/uploads/image/checkbox_empty.png') center center no-repeat;
    background-size: 2em;
    width: 2em;
    height: 2em;
    float:left;
}
label { 
    cursor: pointer;
    line-height:32px;
}