BalanceReckon Design System
Navigation

Pagination

Use pagination to let users move through an ordered collection of items that has been split into pages.

import { Pagination } from '@balance-web/pagination';
Loading demo…

Usage

The Pagination component controls user input for both the current page and the page size. It also renders contextual information, like the current range of items.

Loading demo…

Labels

You may change the text labels shown to the user to provide contextual information.

Loading demo…

Breadcrumbs — API

BreadCrumbs.Item, BreadCrumbs.TextItem and BreadCrumbs.Button can be used inside BreadCrumbs to render a set of bread crumbs.

Pagination — Guidelines

When to use pagination and how it should behave in a list.

On this page

UsageLabels