# Vue Pagination Component - Flowbite ## Default pagination ```vue ``` ## Default with custom length You can use your own pages count in the row by passing props: `slice-length` This prop means left side and right side pages row slicing. In the example it has value `4`. So row length will be 4 + 1 + 4 pages - 9 pages. ```vue ``` ## Pagination with navigation layout ```vue ``` ## Pagination with table layout To use that layout you have to pass required props: - `per-page`: it's items count displayed on each page. - `total-items`: it's the total items count. And there you don't need to use `total-pages` prop. ```vue ``` ## Pagination with icons ```vue ``` ## Pagination with custom labels ```vue ```