Pagination

Use bo-pagination when a collection is split into discrete pages. It calculates the page count from total and page-size.

Usage

Page 1

<bo-pagination v-model:page="page" :total="42" :page-size="10" />

Siblings

Increase sibling-count for more visible pages around the current page.

• …

Page 1 of 24

<bo-pagination v-model:page="page" :total="240" :page-size="10" :sibling-count="2" />

API

Prop / event	Type	Default	Description
id / dataTestId	string	autogenerated	Navigation attributes.
total	number	required	Total item count.
page	number	1	Current page used by v-model:page.
pageSize	number	10	Items per page.
siblingCount	number	1	Pages shown beside the current page.
disabled	boolean	false	Disables page controls.
role / ariaLabel	native accessibility types	navigation / Pagination	Navigation semantics.
update:page	event	-	Emitted when the current page changes.