Tailwind CSS simple pagination template for Laravel

simple-default.blade.php

@if ($paginator->hasPages())
    <ul class="pagination flex justify-between mx-4 mt-4 list-reset text-white font-bold">

        {{-- Previous Page Link --}}
        @if ($paginator->onFirstPage())
            <li class="disabled">
                <span class="button bg-transparent border border-brown py-2 px-4 rounded opacity-50 cursor-not-allowed">@lang('pagination.previous')</span>
            </li>
        @else
            <li>
                <a class="button bg-transparent border border-brown py-2 px-4 rounded opacity-85" href="{{ $paginator->previousPageUrl() }}" rel="prev">@lang('pagination.previous')</a>
            </li>
        @endif

        {{-- Next Page Link --}}
        @if ($paginator->hasMorePages())
            <li>
                <a class="button bg-transparent border border-brown py-2 px-4 rounded opacity-85" href="{{ $paginator->nextPageUrl() }}" rel="next">@lang('pagination.next')</a>
            </li>
        @else
            <li class="disabled ">
                <span class="button bg-transparent border border-brown py-2 px-4 rounded opacity-50 cursor-not-allowed">@lang('pagination.next')</span>
            </li>
        @endif
    </ul>
@endif

Hi there 👋

I created a TailwindCSS plugin that adds the necessary components for Laravel paginations. 📖
https://github.com/lorisleiva/tailwindcss-plugins/tree/master/pagination

All you need to do is register it:

plugins: [
    require('tailwindcss-plugins/pagination')({ /* Customizations here */ }),
],

And it will style the default pagination template from Laravel.

{{ $items->links() }}

I hope this helps someone. 🍀

[****](

gfdg

)