></span></code></pre>

    </div>
  </main>

  <footer class="col-1 sm:col-2">
    <div class="container-sm py-6">
      <hr>
      <nav class="list-style-type-none mb-0 pl-0 flex flex-wrap flex-grow-auto col-gap-4">
        
        <li class="py-1"><a class="inline-block t-underline-hover-only t-gray-900 hover:t-black float-left" href="/codebase-5/docs/7-alpinejs-components/offcanvas">❮ Offcanvas</a></li>
        
        
        <li class="py-1 t-right"><a class="inline-block t-underline-hover-only t-