# Pagination Divide una lista larga en páginas y navega entre ellas, indicando dónde está la persona y cuánto queda. ## Playground ```html ``` ## Cuándo usarlo - Cuando una tabla o lista supera aproximadamente 25 a 50 filas. ## Cuándo no usarlo - **Pocas filas:** muéstraselas todas. - **Herramienta de desplazamiento infinito:** no. Oculta el pie de página, impide volver al mismo lugar y confunde a los lectores de pantalla. ## Ejemplos ### Páginas y por página Anterior y Siguiente en palabras, la página actual marcada con la línea de tinta, el conteo y, opcionalmente, cuántos elementos por página. Mostrar código ```html ``` ## Variaciones - **Primera y última página:** un enlace que no lleva a ningún lado desaparece; no está deshabilitado. - **Muchas páginas:** la primera, la última y los vecinos de la actual, con puntos suspensivos en medio. - **Cuando cambia el tamaño:** la nueva página comienza en el primer elemento que la persona estaba viendo. - **Todo cabe en una página:** el componente completo desaparece; si solo van los números, "Por página" permanece. ## Anatomía 1. **Anterior y Siguiente:** palabra con la flecha; desaparecen en la primera y última página. 2. **Página actual:** la línea de tinta, sin enlace. 3. **Siguiente**, siempre al final de la línea. 4. **Cantidad:** dónde está la persona y el total. 5. **Por página**, opcional. ## Hacer y no hacer Do Dice dónde está la persona y cuánto falta. Don’t Solo flechas, sin número, sin total. ## Accesibilidad - Un `