Pagination

Previous/next navigation between pages.

Usage#

<Pagination
  prev={{ href: "/docs/intro", title: "introduction" }}
  next={{ href: "/docs/config", title: "configuration" }}
/>

The component renders previous and next links for navigating between documentation pages.

Only next#

<Pagination next={{ href: "/docs/quickstart", title: "quickstart" }} />

Only previous#

<Pagination prev={{ href: "/docs/installation", title: "installation" }} />

Props#

Link object#

Styling#

The component uses theme tokens for consistent styling:

• border-line for borders
• bg-surface/30 for background with hover state
• text-muted and text-fg for text colors

Returns null when both prev and next are undefined.