Laravel Pagination Component

Free · MIT

A navigation component for paginated data, designed to work seamlessly with Laravel paginators and Livewire.

A Pagination built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag: <x-aura::pagination>

Try it live in the docs Install free

Installation

composer require bluestarsystem/aura-ui

Usage

{{-- In a Livewire component --}}
<x-aura::pagination :paginator="$users" />

See the full API, props and live examples in the Pagination documentation.

Overview

The <x-aura::pagination> component renders page navigation controls for paginated datasets. It displays page numbers with ellipsis for large ranges, previous/next buttons, result count information, and an optional per-page selector. The component is designed to integrate directly with Laravel's paginator instances and Livewire's pagination system.

Props

Prop	Type	Default	Description
`paginator`	`LengthAwarePaginator\|null`	`null`	A Laravel paginator instance. The component renders nothing if null or if total is 0.
`simple`	`bool`	`false`	When `true`, hides page numbers and per-page selector, showing only previous/next buttons.
`perPageOptions`	`array`	`[10, 25, 50, 100]`	Options displayed in the per-page dropdown selector.
`showInfo`	`bool`	`true`	Show the "Showing X-Y of Z results" information text.
`showPerPage`	`bool`	`true`	Show the per-page selector dropdown.