JSFiddle - React, Tailwind, and code Playground

by Diogo Bernardelli

HTML

<div class="switch">

<input id="id" name="name" value="true" type="checkbox" checked>
<input name="_name" value="on" type="hidden">
<label for="id" onmouseup="func()" >blabla</label> 

</div>

CSS

.switch input[type="checkbox"]:checked + input[type="hidden"] + label:after{
    left: 23px;
}

.switch input[type="checkbox"]:checked + input[type="hidden"] + label{
    background-color: #fff;
    color: #f00;
}