JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="toggle">
<div class="cards" >
  <div class="slide">menu</div>
  <label class="toggle" for="toggle"></label>
</div>

CSS

.toggle{
  display:inline-block;
  width:10px;
  height:10px;
  border:1px solid #bbb;
}
#toggle{
  position:absolute;
  width:0;
  height:0;
  margin:0;
  padding:0;
  opacity:0;
}
#toggle:checked+.cards{
  border:1px solid #bbb;
}
#toggle:checked+.cards .toggle{
  background:#555;
}