DUPagination
NavigationPage navigation with siblings and ellipsis.
import { DUPagination } from 'deri-ui';Live preview
typescript
<DUPagination page={page} pageCount={12} onPageChange={setPage} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| page | number | — | Current page |
| pageCount | number | — | Total pages |
| onPageChange | (page: number) => void | — | Handler |
| siblingCount | number | 1 | Neighbors |
Usage
import { DUPagination } from 'deri-ui';
<DUPagination page={page} pageCount={12} onPageChange={setPage} />Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.