<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>