Tabs

Navegación de contenido en la misma vista. Accesible con roles ARIA correctos.

Demo

Tabs básico

Vista general del componente con ejemplos interactivos.

Lineamientos

  • • Máximo 5 tabs visibles — usar scroll horizontal si hay más
  • • En mobile: tabs con scroll horizontal (no wrap)
  • • El contenido no debe cambiar la altura de forma abrupta
  • • Usar role="tablist", role="tab" y role="tabpanel"
  • • En iOS nativo: equivale a UISegmentedControl
  • • En Android nativo: equivale a TabLayout + ViewPager