LBC Components Examples Themes Download Feedback

Pagination

Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.

In laravel is a pagination function already finished existing, if you use this, change the array's to laravel pagination objects: https://laravel.com/docs/master/pagination

  <x-pagination
      :current="4"
      :total="4"
      :next="[
      'href' => url()->current() . '?page=3',
      'text' => 'Next'
    ]"
      :prev="[
      'href' => url()->current() . '?page=3',
      'text' => 'Previous'
    ]"
      :pages="4"
  />

Sizing (LG)

  <x-pagination
      class="pagination-lg"
      :current="4"
      :total="4"
      :next="[
      'href' => url()->current() . '?page=3',
      'text' => 'Next'
    ]"
      :prev="[
      'href' => url()->current() . '?page=3',
      'text' => 'Previous'
    ]"
      :pages="4"
  />

Sizing (SM)

  <x-pagination
      class="pagination-sm"
      :current="4"
      :total="4"
      :next="[
      'href' => url()->current() . '?page=3',
      'text' => 'Next'
    ]"
      :prev="[
      'href' => url()->current() . '?page=3',
      'text' => 'Previous'
    ]"
      :pages="4"
  />

Blade-Component informations

Name	Type	Default	Description
all	array		Submit all data.
class	string		Classes can be added, all other attributes can also be set.
current	string	0	Current page.
total	string	0	Total page.
next	string		HTML is allowed.
prev	string		HTML is allowed.
pages	string	0	All pages.

For more information about pagination read the bootstrap documention Pagination