Pagination | Nimbus

Installation

Included in the starter. Every new site has it in src/components/ui/pagination/. Import it where you need it, or register it in src/components.ts to use it on every page. If your site predates it, install it:

npx @cloudflare/nimbus-docs add pagination

yarn nimbus-docs add pagination

pnpm nimbus-docs add pagination

bunx @cloudflare/nimbus-docs add pagination

Preview

<Pagination
prevNext={{
  prev: { label: "Getting started", href: "/getting-started" },
  next: { label: "Configuration", href: "/reference/configuration" },
}}
/>

Examples

First page

Omit prev to indicate the start of a section.

<Pagination
prevNext={{
  next: { label: "Installation", href: "/quickstart" },
}}
/>

API reference

Every prop the component accepts, sourced from a single declaration.

Prop	Type
`prevNext`	`{ prev?: { label: string; href: string }; next?: { label: string; href: string } }`
`prevLabel`	`string`
`nextLabel`	`string`
`keys`	`boolean`