Pagination

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

Help us to keep this project alive

Just a donation of $5 will enable LBC to continue its successful development and improvement in the future. Did LBC help you with your project and give you $5 worth of time? Then please take a short moment and give something back. Thanks a lot!

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/5.8/pagination

Show code

  <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)

Show code

  <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)

Show code

  <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

Components

EXAMPLES Example templates from Bootstrap Dokumention.

Themes

Pagination

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

Help us to keep this project alive

Sizing (LG)

Sizing (SM)

Blade-Component informations

EXAMPLES
Example templates from Bootstrap Dokumention.