JSFiddle - React, Tailwind, and code Playground

by dhavaljani

HTML

<label><input type="checkbox" />Option 1</label>
<label><input class="checkbox" type="checkbox" />Option 2<br><span class="check-sub">Opt info</span></label>
<label><input type="checkbox" />Option 3</label>

CSS

label {
 border:1px solid #ccc;
 padding:10px;
 margin:0 0 10px;
 display:block; 
}
label:hover {
 background:#eee;
 cursor:pointer;
}
input:focus + label,
input:active + label {
    background:#eee;
     cursor:pointer;
}
.check-sub {
    padding-left: 15px;
    color: red;
}