Components

Pagination

Pagination lets the user move through a long list one page at a time and choose how many rows each page shows.

Stable

Rows per page

Anatomy

import {Pagination} from '@staffbase/spark';

<Pagination.Root>
  <Pagination.Previous />
  <Pagination.Next />
</Pagination.Root>;

Renders a nav element around the Previous and Next buttons.

Name	Type	Description
`aria-label`	`string`	The accessible name of the navigation landmark. Override it to localise it or to tell apart several paginations on one page. Default:`Pagination`

Name	Type	Description
`children`	`ReactNode`	The button text. Pass the translated text for the current locale.

Name	Type	Description
`children`	`ReactNode`	The button text. Pass the translated text for the current locale.