KasyKasy

Toggle Button Group

Viewer ao vivo e documentação do componente Toggle Button Group.

Sobre

Agrupa vários KasyToggleButton num único controle de seleção única ou múltipla, como um segmented control ou um conjunto de pílulas separadas.

  • items: lista de KasyToggleButtonItem (label e/ou icon, prefixIcon, suffixIcon, enabled).
  • selected / onChanged: conjunto (Set<int>) de índices selecionados e callback com o novo conjunto.
  • selectionMode: single (seleção exclusiva, padrão) ou multiple.
  • isAttached: true (padrão) une as células num container arredondado com divisórias finas; false separa cada toggle como pílula independente.
  • orientation: Axis.horizontal (padrão) ou Axis.vertical.
  • size: sm, md (padrão) ou lg, repassado a cada KasyToggleButton.
  • expand: estica as células para preencher o eixo principal.

Quando isAttached é true, cada célula usa a variante ghost (transparente, some no fundo neutro do grupo); quando false, usa filled como pílula avulsa.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página