Core Elements
Pagination
Page navigation with Prev/Next and numbered pages, or a simple "Page X of Y" mode.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { Pagination, PaginationSimple } from "@wunderui/react"Examples
6 pages
Previous and next around 6 page buttons — click a page.
5 pages
Previous and next around 5 page buttons — click a page.
4 pages
Previous and next around 4 page buttons — click a page.
3 pages
Previous and next around 3 page buttons — click a page.
2 pages
Previous and next around 2 page buttons — click a page.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Table footer
Pagination aligned right under a table with a result count.
| Invoice | Customer | Amount |
|---|---|---|
| #4021 | WunderUI GmbH | €24,800 |
| #4020 | Halcyon Labs | €3,200 |
| #4019 | Pergola Foods | €980 |
Showing 1–10 of 128
API Reference
| Prop | Type | Default |
|---|---|---|
| page | number | — |
| pageCount | number | — |
| onPageChange | (page: number) => void | — |