Effortless Loading States with data-loading in Livewire v4

Automatic loading states without JavaScript.

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

Livewire v4 automatically adds data-loading during requests.

Usage

blade
<button wire:click="save" 
    data-loading:class="opacity-50"
    data-loading:disabled>
    Save
</button>

<button wire:click="save">
    <span data-loading:remove>Save</span>
    <span data-loading:show class="hidden">Saving...</span>
</button>
All articles

Keep reading