Portal UI

Pagination

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>

Publishing Component

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


Implement 

<x-portal::pagination :paginator="$pagination"/>


Limit Pagination 

<x-portal::pagination.limit limit="{{ request()->limit ?: '10' }}"/>