feat: added table layout

This commit is contained in:
victor
2022-12-23 16:54:30 +04:00
parent 1f5da4be92
commit e3ac782c1b
5 changed files with 134 additions and 11 deletions

View File

@@ -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 />