JSFiddle - React, Tailwind, and code Playground

by Avi Algaly

HTML

<label for="navmenu"><span class="icon-menu">This is my label</span></label>
<input type="checkbox" id="navmenu">
<nav>
  <ul>
    <li>aaa</li>
    <li>aaa</li>
    <li>aaa</li>
  </ul>
</nav>

CSS

input[type=checkbox] {

display: none;
}
nav {
        position: fixed;
        display: none;
}
input[type=checkbox]:checked ~ nav {
        display: block;
}