Pagination

Navigation and identification between multiple pages.

The basic Pagination usage.

The maximum number of pages that can be displayed

Customize buttons as icons.

Compute the page of items from page, and show the range next to the list.

Attribute	Description	Type	Accepted values	Default
initialPage	the page selected by default	`number`	-	1
page	current page	`number`	-	1
count	the total number of pages	`number`	-	1
limit	limit of display page	`number`	-	7
onChange	change event	`(page: number) => void`	-	-
...	native props	`HTMLAttributes`	`'id', 'className', ...`	-

Attribute	Description	Type	Accepted values	Default
...	native props	`ButtonHTMLAttributes`	`'id', 'className', ...`	-

Attribute	Description	Type	Accepted values	Default
...	native props	`ButtonHTMLAttributes`	`'id', 'className', ...`	-

The ref points at the root nav element.

• The root is a nav named "Pagination", and the pages are buttons in a list.
• The current page has aria-current="page".
• Icon-only content in Pagination.Previous and Pagination.Next needs an aria-label.