# Pagination
Divide uma lista longa em páginas e leva de uma a outra, dizendo onde a pessoa está e quanto falta.
## Playground
```html
```
## Quando usar
- Quando uma tabela ou lista passa de umas 25 a 50 linhas.
## Quando não usar
- **Poucas linhas:** mostre todas.
- **Rolagem infinita:** não. Ela some com o rodapé, não deixa voltar ao mesmo ponto e confunde o leitor de tela.
## Exemplos
### Páginas e por página
Anterior e Próxima com palavra, a página atual marcada com o traço de tinta, a contagem e, opcional, quantos itens por página.
Mostrar código
```html
```
## Variações
- **Primeira e última página:** o link que não leva a lugar nenhum some, não fica desativado.
- **Muitas páginas:** a primeira, a última e as vizinhas da atual, com reticências no meio.
- **Ao trocar o tamanho:** a página nova começa no primeiro item que a pessoa estava vendo.
- **Tudo cabe numa página:** o componente inteiro some; se só os números somem, "Por página" fica.
## Anatomia
1. **Anterior e Próxima:** palavra com a seta; somem na primeira e na última página.
2. **Página atual:** o traço de tinta, sem link.
3. **Próxima**, sempre no fim da linha.
4. **Contagem:** onde a pessoa está e o total.
5. **Por página**, opcional.
## Bons e maus padrões
Faça assim
Diz onde a pessoa está e quanto falta.
Não faça
Só setas, sem número nem total.
## Acessibilidade
- Um `