• Docs
  • Components
  • Pagination

Pagination - Aspect UI

The Pagination component enables navigation between pages of content. It supports previous/next controls, page numbers, ellipses, and customizable styles.

Table of Contents#

Pagination Props#


PropTypeDefaultDescription
countnumber-Total number of pages.
defaultPagenumber1The initially selected page.
boundaryCountnumber1Number of pages to show at the beginning and end of pagination.
siblingCountnumber1Number of pages to show on each side of the current page.
showFirstLastbooleanfalseWhether to show First and Last page buttons.
showNextPrevbooleanfalseWhether to show Next and Previous page buttons.
firstButtonReactNode'First'Custom content for the First page button.
lastButtonReactNode'Last'Custom content for the Last page button.
nextButtonReactNode'Next'Custom content for the Next page button.
previousButtonReactNode'Previous'Custom content for the Previous page button.
firstButtonClassNamestring''Additional CSS classes for the First button.
lastButtonClassNamestring''Additional CSS classes for the Last button.
nextButtonClassNamestring''Additional CSS classes for the Next button.
previousButtonClassNamestring''Additional CSS classes for the Previous button.
classNamestring''Additional CSS classes for the root pagination container.
buttonClassNamestring''Additional CSS classes for each page button.
activeClassNamestring''CSS class applied to the active page button.
ellipsisClassNamestring''CSS class applied to the ellipsis elements.
numberTypenormal roman custom'normal'Type of page numbering to display.
numbersstring[][]Custom array of page numbers (used only if numberType is "custom").
onChange(page: number) => void-Callback fired when the page changes.