Pagination

Navigation and identification between multiple pages.

General

The basic Pagination usage.

Preview
See code

Limit

The maximum number of pages that can be displayed

Preview
See code

Icon

Customize buttons as icons.

Preview
See code

APIs

Pagination.Props

AttributeDescriptionTypeAccepted valuesDefault
initialPagethe page selected by defaultnumber-1
pagecurrent pagenumber-1
countthe total number of pagesnumber-1
limitlimit of display pagenumber-7
onChangechange event(page: number) => void--
...native propsHTMLAttributes'id', 'className', ...-

Pagination.Previous.Props

AttributeDescriptionTypeAccepted valuesDefault
...native propsButtonHTMLAttributes'id', 'className', ...-

Pagination.Next.Props

AttributeDescriptionTypeAccepted valuesDefault
...native propsButtonHTMLAttributes'id', 'className', ...-
Edit this page on GitHub

Previous

Page

Next

Popover

MADE & DESIGNED WITHBY BRUNO ANDRADE
docs background gradient blue
docs background gradient violet