Skip to content
Binary UIKit reference Stable

Pagination

Controlled pagination with item range and edge controls.

Use Pagination when a long result set is split into stable pages and readers need direct navigation.

Interactive example

Loading interactive example

API

MemberTypeKindRequiredDefault
disabledbooleanpropNofalse
firstPageLabelstringpropNo'First page'
formatSummary(from: number, to: number, total: number) => stringcallbackNo(from, to, count) => `${from.toLocaleString()}–${to.toLocaleString()} of ${count.toLocaleString()}`
labelstringpropNo'Pagination'
lastPageLabelstringpropNo'Last page'
nextPageLabelstringpropNo'Next page'
onPageChange(page: number) => voidcallbackNoundefined
pagenumberbindingNo1
pageSizenumberpropNo50
previousPageLabelstringpropNo'Previous page'
showFirstLastbooleanpropNotrue
siblingCountnumberpropNo1
sizeControlSizepropNo'md'
summarybooleanpropNotrue
totalnumberpropYes

Source

Loading source