JSFiddle - React, Tailwind, and code Playground

by lukemartin

HTML

<input id='cake' name='cake' type="checkbox" />
<div></div>
<label for='cake'>Do something!</label>

CSS

div {
    width: 100px;
    height: 100px;
    background: red;
    margin-bottom: 100px;
}
[name=cake] {
    display: none;
}
[name=cake]:checked ~ div {
    background: blue;
}
label {
    background: #eee;
    padding: 10px;
    font-family: arial;
    font-size: 11px;
    cursor: pointer;
}