Question : alpine js
Answered by : worried-wolverine-nc48dagicp3n
<div x-data="{ open: false }"> <button @click="open = true">Open Dropdown</button> <ul x-show="open" @click.away="open = false" > Dropdown Body </ul>
</div>Source : https://github.com/alpinejs/alpine | Last Update : Sun, 01 Nov 20
Question : alpinejs
Answered by : gtamborero
<!-- GET STARTED WITH ALPINEJS! -->
<script src="//unpkg.com/alpinejs" defer></script>
<div x-data="{ open: false }"> <button @click="open = true">Expand</button> <span x-show="open"> Content... </span>
</div>Source : https://alpinejs.dev/ | Last Update : Mon, 03 Oct 22
Question : alpinejs
Answered by : faithful-fly-8wgbbrjbj7qb
<html> <head> ... <script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script> </head> ...</html>Source : https://alpinejs.dev/essentials/installation | Last Update : Sun, 10 Oct 21
Question : alpine js
Answered by : chance-bitie
< script src = " https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js " defer > </ script >Source : https://github.com/alpinejs/alpine | Last Update : Sat, 03 Apr 21
Question : alpine js
Answered by : pavel-polistovskiy
<div x-data="{ tab: 'foo' }"> <button :class="{ 'active': tab === 'foo' }" @click="tab = 'foo'">Foo</button> <button :class="{ 'active': tab === 'bar' }" @click="tab = 'bar'">Bar</button> <div x-show="tab === 'foo'">Вкладка Foo</div> <div x-show="tab === 'bar'">Вкладка Bar</div>
</div>Source : https://github.com/alpinejs/alpine/blob/master/README.ru.md | Last Update : Sat, 03 Apr 21