wip

index.html

@@ -4,20 +4,16 @@
     <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/mask/dist/cdn.js"></script>
     <script src="./packages/ui/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> -->
-    <script src="//cdn.tailwindcss.com"></script>
-    <!-- <script src="https://unpkg.com/@popperjs/core@2"></script> -->
 
-    <div x-data="{}">
-        <a href="#hello" x-bind:href="null">null</a>
-        <a href="#hello" x-bind:href="false">false</a>
-        <a href="#hello" x-bind:href="undefined">undefined</a>
-        <!-- custom attribute see https://github.com/alpinejs/alpine/issues/280 -->
-        <span visible="true" x-bind:visible="null">null</span>
-        <span visible="true" x-bind:visible="false">false</span>
-        <span visible="true" x-bind:visible="undefined">undefined</span>
+    <!-- Play around. -->
+    <div x-data="{ open: false }">
+        <button @click="open = !open">Toggle</button>
+
+        <span x-show="open">
+            Content...
+        </span>
     </div>
 </html>