JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="color" value="#0000ff" id="blue"/>
<label for="blue" class="blue"></label>
<input type="radio" name="color" value="#00ffff" id="cyan"/>
<label for="cyan" class="cyan"></label>

CSS

input[type="radio"]{display: none;}
label{
    width: 20px;
    height: 20px;
}
label .blue{background-color: blue;}
label .cyan{background-color: #00ffff;}

input[type="radio"]:checked+label{
    border: black solid 2px;
}