alpine-turbo-drive-adapter

Version:

Bridge library to enable full support for Alpine components in pages using Turbolinks/Turbo Drive

19 lines (15 loc) • 483 B

HTML

<html>
  <head>
    <script src="https://cdn.jsdelivr.net/npm/@hotwired/turbo/dist/turbo.es2017-umd.min.js"></script>
    <script src="/dist/alpine-turbo-drive-adapter.js" defer></script>
    <script src="//unpkg.com/alpinejs" defer></script>
  </head>

  <body>
    <a href="/tests/res/turbo/teleport/target.html">Go to target</a>

    <div x-data="{ open: true }">
      <template x-teleport="body">
        <p x-show="open">...</p>
      </template>
    </div>
  </body>

</html>