Component

Pagination

Navigate through paginated content with page numbers and navigation buttons.

tsx
import { Pagination, SimplePagination } from 'wss3-forge'

Usage

Use for multi-page content navigation

Shows page numbers with ellipsis for large ranges

SimplePagination for prev/next only

Supports custom page size selection


Examples

Basic Pagination

tsx
1<Pagination
2 currentPage={1}
3 totalPages={10}
4 onPageChange={setPage}
5/>

Middle Page

tsx
1<Pagination
2 currentPage={5}
3 totalPages={10}
4 onPageChange={setPage}
5/>

Simple Pagination

Page 3 of 10
tsx
1<SimplePagination
2 currentPage={3}
3 totalPages={10}
4 onPageChange={setPage}
5/>

Previous

Navbar

Next

Pills

Last updated: December 2025

Cookies

We use cookies to improve your experience and save your preferences.