Caleb Porzio 3 năm trước cách đây
mục cha
commit
08e21ca892
1 tập tin đã thay đổi với 14 bổ sung19 xóa
  1. 14 19
      index.html

+ 14 - 19
index.html

@@ -1,23 +1,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/trap/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="https://cdn.tailwindcss.com"></script>
+    <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/trap/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> -->
 
-<div x-data="{ yo: true, }">
-    <button :class="['bg-blue-500', 'font-bold', yo && 'tracking-wide']" @click="yo = ! yo">first</button> 
-    
-    <template x-teleport="#portal">
-        <button>second</button> 
-    </template>
-
-    <button>third</button> 
-</div>
-
-<div id="portal"></div>
+    <!-- Play around. -->
+    <div x-data="{ open: false }">
+        <button @click="open = !open">Toggle</button>
 
+        <span x-show="open">
+            Content...
+        </span>
+    </div>
 </html>