alpine/index.html at main · inaniyants/alpine · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
    <script src="./packages/intersect/dist/cdn.js" defer></script>
    <script src="./packages/morph/dist/cdn.js" defer></script>
    <script src="./packages/history/dist/cdn.js"></script>
    <script src="./packages/persist/dist/cdn.js"></script>
    <script src="./packages/focus/dist/cdn.js"></script>
    <script src="./packages/alpinejs/dist/cdn.js" defer></script>
    <!-- <script src="https://unpkg.com/alpinejs@3.0.0/dist/cdn.min.js" defer></script> -->

    <!-- Play around. -->
    <div x-data="{ open: false }">
        <button @click="open = !open">Toggle</button>

        <span x-show="open">
            Content...
        </span>
    </div>
</html>