Localizadores

El indicador de página representa la página activa actual y el total de páginas de una superposición que te permite navegar horizontalmente entre el contenido.

Los elementos de diseño deben estar anclados a la parte inferior del encuadre.

Principios

Stack es un componente de contenedor, por lo que comparte principios de diseño con las tarjetas y las listas:

Comentarios claros: Los paginadores comunican dónde se encuentra el usuario dentro de un carrusel de contenido.

Contextual: El objetivo principal de un paginador es proporcionar un contexto claro e inmediato para el contenido con el que está asociado.

Conciso: Los paginadores son pequeños y precisos en el lenguaje visual.

Uso y ubicación

Los paginadores muestran al usuario su posición actual dentro de una secuencia lineal de contenido.

Un usuario puede deslizar rápidamente los paginadores.

Los elementos de diseño deben estar anclados a la parte inferior del encuadre. Se colocan sobre el área de la barra del sistema y debajo del área de contenido.

Las tarjetas están dispuestas en una fila sin superposición.
No permitas que las tarjetas se superpongan. Solo se puede ver una tarjeta a la vez.

Anatomía

Un paginador se compone de una fila de puntos de indicación en estados activos e inactivos.

El paginador se compone de una fila de puntos indicadores en estados activos e inactivos. A. Activo (página actual)

B. Página inactiva

Paginador que indica que se desliza en la dirección incorrecta.

El paginador se compone de una fila de puntos indicadores en estados activos e inactivos.

Cuando hay cinco o más puntos, los puntos adicionales se indican con un primer punto más pequeño y se desliza toda la fila hasta que se llega al final.

Personalización

Los paginadores tienen scrim, paginación y animaciones integrados que no se pueden personalizar. En cambio, se personaliza el contenido dentro del paginador de pilas.