JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" id="id1" name="radio" checked>
<label for="id1"></label>    
<input type="radio" id="id2" name="radio">
<label for="id2"></label>
<input type="radio" id="id3" name="radio">
<label for="id3"></label>

CSS

input {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
label {
    cursor: pointer;
    display: block;
    width: 300px;
    height: 30px;
    
    margin: 10px;
    border: 1px solid black;
}

input#id1:checked + label,
input#id2:checked + label,
input#id3:checked + label {
    height: 100px;
    background-color: skyblue;
}