Pagination
Controle de navegação por páginas com reticências para grandes intervalos. Suporta contagem de irmãos, botões de primeiro/último e aria-current.
Demonstração
Default (20 pages)
With First/Last buttons
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
page | number | — | Página atual (baseada em 1). |
totalPages | number | — | Número total de páginas. |
onPageChange | (page: number) => void | — | Callback quando a página muda. |
siblingCount | number | 1 | Número de botões de página exibidos em cada lado da página atual. |
showFirstLast | boolean | false | Exibir botões de salto para a primeira e última página. |
Uso
import { Pagination } from '@ghiberti85/ui'
const [page, setPage] = useState(1)
// Basic
<Pagination page={page} totalPages={10} onPageChange={setPage} />
// With first/last buttons
<Pagination
page={page}
totalPages={50}
onPageChange={setPage}
siblingCount={1}
showFirstLast
/>