Display active page and navigate between multiple pages
To control component state provide
Control amount of active item siblings with
1 sibling (default)
Control amount of items displayed after previous and before next buttons with
1 boundary (default)
Pagination renders a div with the role of "navigation". Inside are regular button elements. To include aria-labels for screen reader support, you can provide an aria-label to the Pagination component itself.
To provide aria-labels to the actions inside the component, use the
getItemAriaLabel function to generate aria-labels:
The current active page will have the attribute
If you need more flexibility @mantine/hooks exports use-pagination hook, you can use it to create your own pagination component.