Pagination
Count
count is a number prop that specifies count of pages.
Ranges
mainRange specifies how many pages to be visible after and before active page. sideRange specifies how many pages to be visible from start and end.
compact
Puts navigation buttons bellow pages
Props
| Name | Type | Required | Default Value | Description |
|---|---|---|---|---|
| color | string | No | undefined | The color of the pagination buttons. |
| activeTextColor | string | No | #fff | The text color of the currently active button. |
| count | number | Yes | - | The total number of pages. |
| sideRange | number | No | 2 | The number of pages to display on start and end. |
| mainRange | number | No | 1 | The number of pages to display on either side of the current page. |
| modelValue | number | Yes | - | The current active page number. |
| bordered | boolean | No | undefined | Gives a bordered style. |
| buttonProps | object | No | { textStyle: true, flat: true } | Additional props to pass to the RButton components. |
| disabled | boolean | No | false | If true, the pagination buttons will be disabled. |
| noNavigation | boolean | No | false | If true, the pagination component will not display the navigation buttons (previous/next). |
| compact | boolean | No | false | If true, navigation buttons will wrap bellow pages |
| activeShadow | boolean | No | true | If true, the currently active button will have a shadow. |