Skip to main content

Paginación

La paginación proporciona navegación horizontal entre fragmentos (páginas) de un conjunto de datos.

Comportamiento

Cuándo utilizar

  • Para permitir que los usuarios se centren en unos pocos elementos a la vez.
  • Para que quede claro que hay más por explorar cuando esté listo.
  • Para grandes colecciones de artículos.

Cuándo no utilizar

  • Para sólo unos pocos artículos, manténgalos todos en una página.

Anatomía Grid

Úselo para muchos artículos

  • La paginación es excelente para dividir una gran cantidad de elementos similares en grupos más pequeños. No es necesario ocultar elementos detrás de páginas cuando todos caben en una única vista manejable.
  • Generalmente, utilice la paginación si tiene más de 25 elementos para mostrar.
  • Cuando la cantidad de páginas es demasiado grande, mostrarlas todas sería abrumador. Por lo tanto, si el recuento total de páginas es 8 o más, las páginas aparecen de forma compacta. Los puntos suspensivos reemplazan algunas páginas para que se muestre una cantidad razonable.

Botones deshabilitados

  • Si bien generalmente Se recomienda no utilizar botones deshabilitados Se utilizan para la paginación en la primera y la última página. Si los botones estuvieran ocultos, los demás saltarían de una página a otra.
  • Con todos los demás botones junto al deshabilitado, debería quedar bastante claro para los usuarios lo que deben hacer para habilitar el botón. Por lo tanto, en este caso debería funcionar sin mayores problemas.
  • En espacios pequeños, una lista de páginas ocuparía demasiado espacio. Por eso, en pantallas pequeñas, se oculta la lista completa de botones de cada página. En su lugar, solo se muestran la página actual y el recuento total de páginas con los botones anterior y siguiente.

Recursos

Recruso de Figma