Livewire offers the ability to paginate results within a component. This feature hooks into Laravel's native pagination features, so it should feel like an invisible feature to you.

Paginating Data

Let's say you have a show-posts component, but you want to limit the results to 10 posts per page.

You can paginate the results by using the WithPagination trait provided by Laravel.

use Livewire\Component;
use Livewire\WithPagination;

class ShowPosts extends Component
    use WithPagination;

    public function render()
        return view('', [
            'posts' => Post::paginate(10),
    @foreach ($posts as $post)

    {{ $posts->links() }}

Now there will be rendered HTML links for the different pages at the bottom of your posts, and the results will be paginated.

← Previous Topic


Next Topic →