Tab bar

Las tabs organizan y permiten la navegación entre grupos de contenido relacionado y en el mismo nivel de jerarquía.

La altura de la Tab bar dependerá del dispositivo.

Estados

  • Unselected
    Es el estado por defecto, sin ninguna interacción sobre ella.
  • Selected
    Comunica que el usuario ha seleccionado este elemento, la tab aparece activada.

Comportamiento

  • Se debe priorizar el uso de palabras cortas, en caso de que no sea posible, se aplicará elipsis.
  • El ancho de los items en la tab bar dependerá de cuantos convivan, ocupando estos el % del total width. Se reparte el ancho horizontalmente.
    Se recomienda no utilizar muchas tabs, debido a que cada tab adicional reduce el area de clicabilidad, añadiendo complejidad en su uso.