$ cat tailwind-css-pagination-for-laravel-livewire.md
Tailwind CSS pagination for Laravel Livewire
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.
medium.com13 Jul 2020 · summary
Read on medium.com ↗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 }})”
source
This is a summary of an article first published by medium.com. The full piece is on their site.