Tabs

Contenido

Definición

Las tabs o pestañas organizan y permiten la navegación entre grupos de contenido que están relacionados y en el mismo nivel de jerarquía. Son informativas porque organizan el contenido en categorías para facilitar a los usuarios encontrar fácilmente diferentes tipos de información. 

Pautas de uso

  • Se utiliza para alternar información dentro de un mismo contexto. 
  • Recurso útil para cuando los usuarios no requieran ver el contenido de varias pestañas simultáneamente.  
  • Las palabras que componen las tabs deben ser de lenguaje sencillo y cortas, entre 1 y 2 palabras. 
  • El número de tabs no debe superar el ancho típico de la página. 
  • Deben tener una sola fila. 
  • Se ubicará en la parte superior en todos los casos. 
  • En versión móvil las tabs pueden se pueden desplazar horizontalmente. 

Boceto

ACTIVO

Sección 1

Inactivo

Sección 2

Desactivado

Sección 2 Desactivado

Especificaciones de diseño

Elemento Color Tamaño Tipo Peso Interlineado
Texto Depende del estado 16px Source Sans Pro Medium 25px
Índice