|
@@ -10,17 +10,11 @@
|
|
<!-- <script src="https://unpkg.com/alpinejs@3.0.0/dist/cdn.min.js" defer></script> -->
|
|
<!-- <script src="https://unpkg.com/alpinejs@3.0.0/dist/cdn.min.js" defer></script> -->
|
|
|
|
|
|
<!-- Play around. -->
|
|
<!-- Play around. -->
|
|
- <div x-data="{ selectedIndex: 1 }">
|
|
|
|
- <button @click="selectedIndex = selectedIndex ? 0 : 1">change</button>
|
|
|
|
- <div x-data x-tabs x-model="selectedIndex">
|
|
|
|
- <div x-tabs:list>
|
|
|
|
- <button x-tabs:tab button-1>First</button>
|
|
|
|
- <button x-tabs:tab button-2>Second</button>
|
|
|
|
- </div>
|
|
|
|
- <div x-tabs:panels>
|
|
|
|
- <div x-tabs:panel panel-1>First Panel</div>
|
|
|
|
- <div x-tabs:panel panel-2>Second Panel</div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div x-data="{ open: false }">
|
|
|
|
+ <button @click="open = !open">Toggle</button>
|
|
|
|
+
|
|
|
|
+ <span x-show="open">
|
|
|
|
+ Content...
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
</html>
|
|
</html>
|