Alpine JS CDN
<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script>
Calm Cardinal
<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js" defer></script><script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script><html>
<head>
...
<script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
</head>
...
</html><div x-data="{ open: false }">
<button @click="open = true">Open Dropdown</button>
<ul
x-show="open"
@click.away="open = false"
>
Dropdown Body
</ul>
</div>