JSFiddle - React, Tailwind, and code Playground

by 7vasko

HTML

<label>
    <input type="checkbox"></input>
    <div> </div>
</label>

CSS

div{
    display:inline-block;
    width:50px;
    height:50px;
    background:#ccc;
    border-radius:5px;
    transition:.5s;
}
input{
    display:none;
}
input:checked ~ div{
    background:black;
    width:100px;
    height:100px;
    background:#555;
}