flowbite-vue/docs/components/pagination.md

<script setup> import PaginationExample from './pagination/examples/PaginationExample.vue'; import PaginationNavigationExample from './pagination/examples/PaginationNavigationExample.vue'; import PaginationTableExample from './pagination/examples/PaginationTableExample.vue'; import PaginationWithIconsExample from './pagination/examples/PaginationWithIconsExample.vue'; import PaginationWithCustomTextExample from './pagination/examples/PaginationWithCustomTextExample.vue'; </script>

Vue Pagination Component - Flowbite

Default pagination

<script setup>
import { Pagination } from 'flowbite-vue'
</script>
<template>
  <Pagination></Pagination>
</template>

Pagination with navigation layout

<script setup>
import { Pagination } from 'flowbite-vue'
</script>
<template>
  <Pagination layout="navigation"></Pagination>
</template>

Pagination with table layout

<script setup>
import { Pagination } from 'flowbite-vue'
</script>
<template>
  <Pagination layout="table"></Pagination>
</template>

Pagination with icons

<script setup>
import { Pagination } from 'flowbite-vue'
</script>
<template>
  <Pagination></Pagination>
</template>

Pagination with custom labels

<script setup>
import { Pagination } from 'flowbite-vue'
</script>
<template>
  <Pagination></Pagination>
</template>