JSFiddle - React, Tailwind, and code Playground

HTML

<div class="chboxes">
  <input type="checkbox" class="sw" id="switch">
  <label for="switch">switch</label>
</div>
<div class="container">
  <h1>
   Text
  </h1>
</div>

CSS

.sw {
  display: none;
}

.sw + label {
  cursor: pointer;
}

.container {
  background: red;
  width: 100px;
  text-align: center;
}

#switch:checked container {
  background: blue;
}