MeldUI

Pagination

Navigation controls for paginated content with page numbers, previous/next, and first/last buttons.

Usage

Simple (Previous / Next)

A compact pagination with siblingCount={0} and no first/last buttons.

See also

For paginating tabular or list data with a page-size selector, page info, and selected-count display, see DataPagination. That composite mirrors what <DataTable> renders in its footer and can be used independently with grids, card lists, or any custom view.

Sub-components

PaginationContent

Layout container with items slot

PaginationItem

Page number button

PropTypeDefaultDescription
value*number-Page number
isActiveboolean-Active page styling

PaginationPrevious

Previous page button

PaginationNext

Next page button

PaginationFirst

First page button

PaginationLast

Last page button

PaginationEllipsis

Collapsed page indicator