Welcome UI - Pagination

Pagination

The Pagination component is a navigational element that divides content into discrete pages, allowing users to navigate through large sets of data or content efficiently. It provides controls to move between pages, such as next, previous, and specific page numbers. This component is essential for enhancing user experience by making large amounts of information more manageable and accessible.

Pagination

buttonFirstProps

ButtonHTMLAttributes<HTMLButtonElement>

buttonLastProps

ButtonHTMLAttributes<HTMLButtonElement>

buttonNextProps

ButtonHTMLAttributes<HTMLButtonElement>

buttonPrevProps

ButtonHTMLAttributes<HTMLButtonElement>

dataTestId

string

getHref

(page: string | number) => string

listProps

OlHTMLAttributes<HTMLOListElement>

navigationTexts

NavigationTexts

onChange

Required

(page: string | number) => void

page

Required

number

pageCount

Required

number

rangeDisplay

number | undefined = 5

showEdgeControls

Boolean | undefined = false

size

"lg" | "md" | undefined = lg