feat: added table layout
This commit is contained in:
@@ -1,8 +1,12 @@
|
||||
<script setup>
|
||||
import PaginationExample from './pagination/examples/PaginationExample.vue'
|
||||
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'
|
||||
@@ -13,3 +17,29 @@ import { Pagination } from 'flowbite-vue'
|
||||
```
|
||||
|
||||
<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 />
|
||||
|
||||
Reference in New Issue
Block a user