ml-space t-semibold">Simple (CSS only)</span>
  </button>
  <div
    x-cloak
    :id="$id('menu')"
    x-show="$store.docsNav.menu6open"
    x-collapse.duration.300ms
  >
    <menu class="list-style-type-none links-underline-hover-only mt-1 flex flex-column gap-2">
      <li><a class="t-gray-700 hover:t-black" href="/codebase-5/docs/6-simple-components/menus-and-menubars">Menus and menubars</a></li>
      <li><a class="t-gray-700 hover:t-black" href="/codebase-5/docs/6-simple-components/heros">Heros</a></li