Pagination
/componentes/pagination.mdmarkdown cru, para quem lê com agent em vez de olho
Com reticência
Lista curta
import { Pagination } from '@rivocode/ui'Quando usar
Navegação entre páginas de uma listagem.
A lista de números encolhe sozinha, então ela ocupa a mesma largura com dez ou com dez mil páginas. No celular os números somem e ficam só as setas com "3 de 12": alvo de 32px erra o vizinho, e quase sempre se quer a proxima.
No React Native
Não porta, por decisão - lista de celular rola; escolher o número da página é gesto de mesa. Não é fila: não vai existir. A tabela de paridade diz o porquê de cada uma.
API
| Prop | Tipo |
|---|---|
onPageChangeobrigatória0.4.0 | (page: number) => void |
pageobrigatória0.4.0A pagina atual, contando de 1. | number |
pageCountobrigatória0.4.0Quantas paginas existem. | number |
siblings0.4.0Quantos numeros aparecem em volta da pagina atual. | number |
Além destas, a peça aceita className, style, id e children, repassados ao elemento de baixo.