Pagination
Navegación entre páginas con ellipsis automático y accesibilidad completa.
pnpm dlx nuvo-ui add paginationPocas páginas
Página actual: 1
Muchas páginas (con ellipsis)
Página actual: 5 de 20
Uso
"use client"
import { Pagination } from "@nuvo-ui/ui"
const [page, setPage] = React.useState(1)
<Pagination
currentPage={page}
totalPages={20}
onChange={setPage}
siblingCount={1} // páginas a cada lado del actual
/>Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
| currentPage | number | — | Página activa (1-indexed) |
| totalPages | number | — | Total de páginas |
| onChange | (page: number) => void | — | Callback al cambiar de página |
| siblingCount | number | 1 | Páginas visibles a cada lado del actual |
| className | string | — | Clases adicionales |