JSFiddle - React, Tailwind, and code Playground

by jpeter06

HTML

<div>
   <label>
       <input type="radio" name="test" />
       <span>Radio number one</span>
    </label>
</div>
<div>
   <label>
       <input type="radio" name="test" checked="checked" />
       <span>Radio number two</span>
    </label>
</div>

CSS

:checked + span {
    font-weight: bold;
    background: tan;
}
input{ width:0;height:0;position:absolute}
/* Optional other stuff just to make it look better */
label {
    display: inline-block;
    width: 200px;
    padding: 5px;
}
label:hover {
    background:#eee;
    cursor:pointer;
    border: 1px solid #aaa;
    padding: 4px;
}