KasyKasy

Tabs

Viewer ao vivo e documentação do componente Tabs.

Sobre

Barra de abas animada, com indicador que desliza suavemente entre a aba selecionada e a anterior.

  • variant: primary (padrão, pílula branca deslizante sobre container cinza) ou secondary (sublinhado azul com divisor inferior)
  • mode: hug (padrão, largura intrínseca por aba, rola horizontalmente se não couber) ou fill (cada aba divide o espaço disponível igualmente)
  • tabs (construtor curto): lista de String — cada uma vira uma aba padrão
  • KasyTabs.items (construtor completo): lista de KasyTabItem, que suporta icon, enabled (desabilita a aba) e semanticLabel
  • selectedIndex / onTabSelected: índice ativo e callback de seleção

Em fill mode com ícone + label, o layout empilha ícone acima do texto (coluna) em vez de lado a lado.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página