Esta página se ha traducido con Cloud Translation API.

Pestañas

Las pestañas son botones que siempre aparecen en grupos y dependen del estado de los demás: solo uno puede estar activo en un momento dado.

Componente de botones

Los botones que no son pestañas pueden funcionar independientemente de otros botones.

Anatomía

Especificaciones

Pestañas anidadas en la barra de aplicaciones, alineadas a la izquierda

Componente de barra y encabezado de la aplicación

Especificaciones, pautas de estilo y más.

Pestañas anidadas en la barra de aplicaciones: alineación flexible

Pestañas colapsadas en la barra de aplicaciones: menú del cajón

Componente de barra y encabezado de la aplicación

Especificaciones, pautas de estilo y más.

Barra de pestañas independiente, alineada a la izquierda

Barra de pestañas independiente: alineación flexible

Desbordamiento de cadena de etiqueta de pestaña

Diseños de escala

Estos diseños de referencia muestran cómo adaptar las pestañas para pantallas de diferentes anchos y alturas. Tenga en cuenta que todos los valores de píxeles se expresan en píxeles renderizados, antes de cualquier reducción o aumento de resolución.

Pantallas estándar versus anchas en el rango de altura corta

Pantallas estándar versus anchas en el rango de altura estándar

Pantallas estándar versus anchas en el rango de altura alta

Pantallas extra anchas y súper anchas en todos los rangos de altura

Estilos

Tipografía

Color

Apresto

Ejemplos