alpine js open outside div code example
Example: alpine js open outside div
<div x-data="{id: 1}">
<button @click="$dispatch('open-dropdown',{id})">Open Dropdown</button>
</div>
<ul x-data="{ open: false }"
x-show="open"
@open-dropdown.window="if ($event.detail.id == 1) open = true"
@click.away="open = false">
Dropdown Body
</ul>