Components

Pagination

Display a series of buttons to navigate through a list of items.

Showing 1 to 5 of 24 results
Copy to clipboard
<!-- $orders = Order::paginate() --><flux:pagination :paginator="$orders" />

Simple paginator

Use the simple paginator when working with large datasets where counting the total number of results would be expensive. The simple paginator provides "Previous" and "Next" buttons without displaying the total number of pages or records.

Copy to clipboard
<!-- $orders = Order::simplePaginate() --><flux:pagination :paginator="$orders" />

Large result set

When working with large result sets, the pagination component automatically adapts to show a reasonable number of page links. It shows the first and last pages, along with a window of pages around the current page, and adds ellipses for any gaps to ensure efficient navigation through numerous pages.

Showing 1 to 75 of 1000 results
Copy to clipboard
<!-- $orders = Order::paginate(5) --><flux:pagination :paginator="$orders" />

Related components

Reference

flux:pagination

Prop
Description
paginator
The paginator instance to display.
Copyright © 2025 Wireable LLC ·Terms of Service
Built with by
Caleb Porzio and Hugo Sainte-Marie