4 years ago

Category: Laravel, PHP

By default Laravel Livewire’s pagination Blade template is using Bootstrap CSS classes. If the Laravel application is using Tailwind CSS instead of Bootstrap, the style of the pagination will not appear on Livewire’s component. I modified Tailwind CSS version from default Tailwind CSS pagination just for Livewire use. For example the file of livewire-tailwind.blade.php is located at /resources/views/vendor/pagination/livewire-tailwind.blade.php

If you’re not using Tailwind CSS or using any non-Bootstrap CSS framework for you project, you can simply replace the HTML element with wire:click=”nextPage” / wire:click=”previousPage” / wire:click=”gotoPage({{ $page }})”