Sistema de diseño
Pagination
Componente de interfaz de usuario diseñado para permitir a los usuarios navegar a través de un conjunto grande de contenido que se divide en páginas individuales.
Figma
Storybook
AEM
Overview
Este componente es comúnmente utilizado en interfaces de aplicaciones web, sitios de comercio electrónico, listados de resultados de búsqueda y otras situaciones donde la información se presenta de manera paginada para facilitar la navegación.
Nombre
Descripción / Uso
Ejemplo
No items found.
Variantes
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Opciones
Al componente de paginación se le podrá añadir de forma opcional las siguientes opciones.
Jump to
Permite al usuario ir a la primera o última página.
Dropdown
Permite al usuario filtrar el número de resultados por página.
Nombre
Descripción / Uso
Ejemplo
No items found.
Nombre
Descripción / Uso
Ejemplo
No items found.
Behaviour
Mostrar resultados
Para mostrar resultados agrupamos en un frame con autolayout.
Dropdown
Despliega un menú contextual en el que podemos elegir el número de items que se mostrará.
Max page number
El layout del componente soporta un número máximo de 999 páginas.
Ellipse
En caso de que sepamos el número de páginas y sea inferior a 10, mostraremos la última página y una elipsis previa. Si estamos en la mitad más uno, aplicaremos el mismo criterio pero en sentido inverso.
Recursos adicionales
Encuentra más información y documentación específica para cada plataforma
Anterior
Overview componentes
Siguiente
Overview componentes