Pagination - Laravel Blade
Use the pagination component to indicate the number of pages with number links, previous and next buttons, and table data navigation variants.
Default Pagination
Blade code
<x-fwb.pagination :paginator="$users" />Pagination with Icons
Blade code
<x-fwb.pagination :paginator="$users" :icons="true" />Previous and Next
Blade code
<x-fwb.pagination :paginator="$users" variant="simple" />Previous and Next with Icons
Blade code
<x-fwb.pagination :paginator="$users" variant="simple" :icons="true" />Table Data Navigation
Blade code
<x-fwb.pagination :paginator="$users" :showInfo="true" />Table Data Navigation with Icons
Blade code
<x-fwb.pagination :paginator="$users" :showInfo="true" :icons="true" />Component Properties
Pagination x-fwb.pagination
| Prop | Type | Default | Description |
|---|---|---|---|
| paginator | mixed | null |
Laravel paginator instance (e.g., from Model::paginate()). |
| variant | string | default |
Pagination style: default (numbered pages) or simple (previous/next only). |
| icons | bool | false |
Use arrow icons instead of or alongside text labels for previous/next. |
| previousLabel | string|null | Previous |
Custom label text for the previous page button. |
| nextLabel | string|null | Next |
Custom label text for the next page button. |
| showInfo | bool | false |
Show "Showing X to Y of Z Entries" text above the navigation buttons. |