README

Custom pagination wrapper with Form Select and Zurb Foundation implementations.

Preview

Desktop

Smart Phone

Select functionality

For the select to work with the pagination - you can use sebastiansulinski/ssd-select and bind its go-to action with our select element somewhere from within your JavaScript files:

$('.select-pagination select').ssdSelect({
    action: 'go-to'
});

Usage

From within your controller's method use the pagination() method as you would with the default pagination.

public function index()
{
    $collection = Product::latest()->paginate(12);

    return $this->view('product.index', compact('collection'));
}

In the view wrap the collection with one of the pagination wrappers

{!! (new \SSD\Pagination\Select($collection))->render() !!}

or

{!! (new \SSD\Pagination\Foundation($collection))->render() !!}

To center pagination on the page use the div with class pagination-center (this will only work if you used the attached scss file to render your styles)

<div class="pagination-center">
    {!! (new \SSD\Pagination\Select($collection))->render() !!}
</div>

<div class="pagination-center">
    {!! (new \SSD\Pagination\Foundation($collection))->render() !!}
</div>