Una pila es una lista contraída que solo muestra un elemento de contenido a la vez en una visualización apilada, como una notificación o una tarjeta.
Principios
Los elementos Stack son componentes de contenedor, por lo que comparten principios de diseño con las tarjetas y las listas:
Contención: Las pilas agrupan información y acciones relacionadas en una sola unidad fácil de comprender.
Enfoque y claridad: Presentan el contenido de manera clara y enfocada.
Versatilidad: Las pilas pueden mostrar tarjetas y notificaciones.
Presentación coherente: Las pilas siguen una estructura visual coherente.
Uso y posición
Las pilas son una forma de mostrar a los usuarios que hay varios elementos contraídos en una lista y, al mismo tiempo, minimizar los elementos visuales que se muestran. Existen dos variantes diferentes de pilas:
Pilas de tarjetas
Pilas de notificaciones
Las pilas son un componente de contenedor, y ambas versiones no actúan ni se ven de manera diferente.
Ambos deberían verse y funcionar de forma casi idéntica. La pila es un contenedor para estos controles con lógica integrada para la paginación.
Navegación de pila
Los usuarios navegan deslizando o arrastrando el dedo por el panel táctil hacia adelante y hacia atrás. Desplazarse por la pila solo se moverá por un elemento a la vez.
Las pilas se pueden recorrer de un elemento a la vez.
Cuando se ingresa un toque, las pilas pueden presentar un elemento a la vez moviéndose verticalmente y convertirse en listas para mostrar más de un elemento a la vez. La lista debe usar contenedores y estados de enfoque predeterminados.
Usa la profundidad para indicar el enfoque
Los elementos de la pila inferior usan una profundidad de 0, mientras que el elemento superior usa una profundidad de +2.
Anatomía
Una pila siempre se contrae como un componente de paginación. El elemento superior siempre es el enfoque principal y muestra la profundidad de borde más fuerte, a menos que haya un botón anidado habilitado.
Si deslizas el dedo más allá del inicio o el final de una pila, se muestra la animación de estiramiento estándar, lo que refuerza el inicio o el final de una pila.
Personalización
Las pilas tienen una pantalla de atenuación, paginación y animaciones integradas que no se pueden personalizar. En cambio, se personaliza el contenido dentro de las pilas.
Qué debes hacer
