Building Dropdowns with Livewire v4

Create accessible dropdown menus.

1 min readLivewireاقرأ بالعربية

Build dropdown menus with Alpine.js.

Component

blade
<div x-data="{ open: false }" @click.away="open = false">
    <button @click="open = !open">
        Options
    </button>
    
    <div x-show="open" x-transition>
        <button wire:click="edit">Edit</button>
        <button wire:click="delete" wire:confirm="Delete?">Delete</button>
    </div>
</div>
All articles

Keep reading