alpine js open outside div

Solutions on MaxInterview for alpine js open outside div by the best coders in the world

Search
showing results for - "alpine js open outside div"
Kennedy
14 Feb 2017
1<div x-data="{id: 1}">
2    <button @click="$dispatch('open-dropdown',{id})">Open Dropdown</button>
3</div>
4
5<ul x-data="{ open: false }"
6    x-show="open"
7    @open-dropdown.window="if ($event.detail.id == 1) open = true"
8    @click.away="open = false">
9    Dropdown Body
10</ul>
source
similar questions
alpinejs checknox selectallcheck if alpine js is activated in websitealpinejshide elements until alpine js loadsalpine js dropdownalpine js open sidebar one at timealpine js get targetalpine js cdnhow to use alpinejs with laravel mixdocker nextjs with nginzalpine jsinstall phantomjs alpine linuxalpinejs examples stackoverflow
queries leading to this page
alpinejs dispatchalpine js multiple x initxref dynamic alpine jsobserve dom change alpinejsalpine js open outside divalpine js trigger clickalpine js componentalpine js click outsidereset alpinejs variablealpine js componentsrefresh alpine component javascriptimport apline js chromiumalpinejs set text of spanalpine js text effectsalpinejs dispatch to other objectsalpine js removealpine js examplesalpine js disable buttonalpine js set classalpine js emit eventnotif box alpine jsalpine js open outside div