Pagination with page navigation, next and previous links.
<nav class="flex items-center gap-2"> <x-portal::pagination.prev href="/" /> <x-portal::pagination.link href="/" label="1" /> <x-portal::pagination.link label="2" active /> <x-portal::pagination.link href="/" label="3" /> <x-portal::pagination.link href="/" class="!px-2 !opacity-100"> <x-tabler-dots class="h-4.5" /> </x-portal::pagination.link> <x-portal::pagination.next href="/" /> </nav>
If you want to customize the components, you can publish them by running the following command :
php artisan vendor:publish --tag=portal-ui:pagination --force
<x-portal::pagination :paginator="$pagination"/>
<x-portal::pagination.limit limit="{{ request()->limit ?: '10' }}"/>