Test alpipejs

ledongthuc · Sep 17, 2022 · 1e92968 · 1e92968
1 parent 655670f
commit 1e92968
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/alpinejs/001_start/index.html b/alpinejs/001_start/index.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+    <script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
+</head>
+<body>
+    <h1 x-data="{ message: 'I ❤️ Alpine' }" x-text="message"></h1>
+    <div x-data="{ open: false }">
+        <div x-data="{ label: 'Content:' }">
+            <span x-text="label" @click="open = ! open"></span>
+            <span x-show="open">It will be hidden</span>
+        </div>
+    </div>
+</body>
+</html>