Pagination

Combines Pagination.RootPrimitive and Pagination.ListPrimitive into a single part, the root of a pagination control that lets users move between pages of content. Renders a <nav> element.

Navigation landmark labeled "Pagination" that manages the selected page and shares size and disabled with the parts inside it. Renders a <nav> element.

Ordered list that lays out the pagination items in a row. Renders an <ol> element.

Generates a page button for each visible page and an ellipsis for each skipped range, based on totalPages, siblingCount, and boundaryCount of the root. Place it between Pagination.Previous and Pagination.Next. Doesn't render its own HTML element.

List item that holds one pagination control, such as a page button or an ellipsis. Renders an <li> element.

Button that selects the page set in page when clicked, highlighted while that page is selected. Renders a <button> element.

Icon that stands in for skipped pages, hidden from assistive technologies. Renders a <span> element.

Combines Pagination.ItemPrimitive and Pagination.PreviousPrimitive into a single part. Renders a <button> element inside an <li> element.

Button that moves to the previous page when clicked, disabled on the first page. Renders a <button> element.

Combines Pagination.ItemPrimitive and Pagination.NextPrimitive into a single part. Renders a <button> element inside an <li> element.

Button that moves to the next page when clicked, disabled on the last page. Renders a <button> element.