feat: added icons and custom text

docs/components/pagination.md

@@ -2,6 +2,8 @@
 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
 
@@ -42,4 +44,28 @@ import { Pagination } from 'flowbite-vue'
 </template>
 ```
 
-<PaginationTableExample />
+<PaginationWithIconsExample />
+
+## Pagination with icons
+
+```vue
+<script setup>
+import { Pagination } from 'flowbite-vue'
+</script>
+<template>
+  <Pagination></Pagination>
+</template>
+```
+
+<PaginationWithCustomTextExample />
+
+## Pagination with custom labels
+
+```vue
+<script setup>
+import { Pagination } from 'flowbite-vue'
+</script>
+<template>
+  <Pagination></Pagination>
+</template>
+```

docs/components/pagination/examples/PaginationWithCustomTextExample.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Pagination v-model="currentPage" :total-pages="100" previous-label="<<<" next-label=">>>"></Pagination>
+  </div>
+</template>
+<script lang="ts" setup>
+import { Pagination } from '../../../../src/index'
+import { ref } from 'vue'
+
+const currentPage = ref<number>(1)
+</script>

docs/components/pagination/examples/PaginationWithIconsExample.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Pagination v-model="currentPage" :total-pages="100" show-icons></Pagination>
+  </div>
+</template>
+<script lang="ts" setup>
+import { Pagination } from '../../../../src/index'
+import { ref } from 'vue'
+
+const currentPage = ref<number>(1)
+</script>