La plantilla de pestaña actúa como un contenedor para otras plantillas que se enumeran a continuación y proporciona pestañas en la parte superior (como se muestra en Anatomía de la plantilla de pestaña).
Las pestañas permiten alternar entre las vistas. Esta función es particularmente útil para organizar el contenido o las vistas que los usuarios querrán explorar o buscar.
Incluye lo siguiente:
- Barra de pestañas con el ícono de la app y hasta 4 pestañas (sin botón Atrás)
- Plantilla incorporada, que puede ser de cualquiera de los siguientes tipos:
Cada vista de pestaña corresponde a una plantilla incorporada y solo puede estar activa una vista de pestaña a la vez.
Anatomía de la plantilla de la pestaña
La plantilla de pestaña consta de los siguientes elementos:
- Barra de pestañas, que puede mostrar hasta 4 pestañas
- Plantilla incorporada, con una de las siguientes plantillas: Lista, Cuadrícula, Búsqueda, Panel o Mensaje
Ejemplos de plantillas de pestaña
Requisitos de UX de plantilla de pestaña
Desarrolladores de apps:
| DEBES | Incluye una barra de pestañas con una etiqueta y un ícono de vector monocromático para cada pestaña. |
| DEBES | Incluye al menos 2 pestañas y no más de 4 en el encabezado de la app. |
| DEBES | Incluye una plantilla incorporada, que no esté en blanco en cada vista de pestaña. |
| NO DEBE | Permite que haya más de 1 pestaña activa a la vez. |
| NO DEBE | Agrega un segundo nivel de pestañas para crear una navegación secundaria. |
| SE RECOMIENDA | Usa etiquetas de pestaña cortas para evitar el truncamiento. |
| NO DEBES | Incluir un encabezado o una barra de acciones en las plantillas incorporadas |