Livewire Pagination: Custom Styles and Infinite Scroll

Implement pagination in Livewire with custom styles or infinite scrolling.

Pagination in Livewire:

Basic Pagination

php

public function render()
{
    return view('livewire.posts', [
        'posts' => Post::paginate(10)
    ]);
}

blade

@foreach($posts as $post)
    <!-- Display post -->
@endforeach
{{ $posts->links() }}

blade

<div wire:init="loadMore">
    @foreach($posts as $post)
        <!-- Display post -->
    @endforeach
</div>

php

public function updatingSearch()
{
    $this->resetPage();
}

Implement pagination in Livewire with custom styles or infinite scrolling.

Pagination in Livewire:

php

public function render()
{
    return view('livewire.posts', [
        'posts' => Post::paginate(10)
    ]);
}

blade

@foreach($posts as $post)
    <!-- Display post -->
@endforeach
{{ $posts->links() }}

blade

<div wire:init="loadMore">
    @foreach($posts as $post)
        <!-- Display post -->
    @endforeach
</div>

php

public function updatingSearch()
{
    $this->resetPage();
}