Skip to content

Pagination

Previous / next navigation cards.

Pagination renders Plumest-style previous/next cards. Either side can be omitted; labels localize the “Previous Page” / “Next Page” hints.

pagination(
{ title: 'Styles', description: 'Tokens and layout metrics.', href: '/contribution/styles/' },
{ title: 'Cards', description: 'The link-card grid.', href: '/contribution/components/cards/' },
);
Next only
Previous only, localized labels
pagination(
undefined,
{ title: 'Tabs', href: '/contribution/components/tabs/' },
);
pagination(
{ title: '概述', href: '/zh/contribution/overview/' },
undefined,
{ previous: '上一页', next: '下一页' },
);
OptionTypeDescription
previousPaginationItem | undefinedPrevious card; omit to hide.
nextPaginationItem | undefinedNext card; omit to hide.
labels.previous / labels.nextstringLocalized hint labels.

PaginationItem: { title: string; description?: string; href: string }.

  • On the real docs pages the Starlight Pagination slot is overridden with this builder; labels are localized automatically from the current locale.