46 lines
927 B
Markdown
46 lines
927 B
Markdown
<script setup>
|
|
import PaginationExample from './pagination/examples/PaginationExample.vue';
|
|
import PaginationNavigationExample from './pagination/examples/PaginationNavigationExample.vue';
|
|
import PaginationTableExample from './pagination/examples/PaginationTableExample.vue';
|
|
</script>
|
|
# Vue Pagination Component - Flowbite
|
|
|
|
## Default pagination
|
|
|
|
```vue
|
|
<script setup>
|
|
import { Pagination } from 'flowbite-vue'
|
|
</script>
|
|
<template>
|
|
<Pagination></Pagination>
|
|
</template>
|
|
```
|
|
|
|
<PaginationExample />
|
|
|
|
## Pagination with navigation layout
|
|
|
|
```vue
|
|
<script setup>
|
|
import { Pagination } from 'flowbite-vue'
|
|
</script>
|
|
<template>
|
|
<Pagination layout="navigation"></Pagination>
|
|
</template>
|
|
```
|
|
|
|
<PaginationNavigationExample />
|
|
|
|
## Pagination with table layout
|
|
|
|
```vue
|
|
<script setup>
|
|
import { Pagination } from 'flowbite-vue'
|
|
</script>
|
|
<template>
|
|
<Pagination layout="table"></Pagination>
|
|
</template>
|
|
```
|
|
|
|
<PaginationTableExample />
|