Laravel Vue Pagination

Bootstrap 4

Usage

Use the Bootstrap4Pagination component to add Bootstrap 4open in new window compatible pagination to your application.

<template>
    <Bootstrap4Pagination
        :data="laravelData"
        @pagination-change-page="getResults"
    />
</template>

<script setup>
import { Bootstrap4Pagination } from 'laravel-vue-pagination';
</script>

Props

As well as the global props, the following props are available for this component:

show-disabled

  • Boolean (optional)

Show disabled prev/next buttons instead of hiding them. false hides disabled buttons (default). true shows disables buttons.

size

  • String (optional)

One of small, default or large.

align

  • String (optional)

One of left (default), center or right.