LifeDS

Component

Pagination

Pagination with page navigation, next and previous links.

Paginationsize: default · xl (default)
PaginationLinkisActive · href
PaginationPrevious / PaginationNexttext — customizable label
PaginationEllipsistruncation indicator
Playground

Full demo — previous, pages, ellipsis, next

Sizes

size="xl" (default) — 44px, matches Button xl height

size="default" — 32px

Simple — only page numbers

Icons only — with rows-per-page selector

Rows per page

RTL support

Tokens used

5 semantic tokens consumed by this component.

--muted-foregroundMuted Foreground
text-muted-foreground
--borderBorder
border-borderborder
--accentAccent
bg-accenttext-accentborder-accent
--accent-foregroundAccent Foreground
text-accent-foreground
--foregroundForeground
text-foreground