KasyKasy

Toggle Button

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

Sobre

Botão com estado ligado/desligado (selected), usado para filtros, formatação ou configurações persistentes. Para uma configuração binária isolada use KasySwitch; para uma ação momentânea use KasyButton.

  • label e/ou icon: conteúdo do botão (pelo menos um dos dois é obrigatório); prefixIcon/suffixIcon combinam com label.
  • selected / onChanged: estado atual e callback; passar onChanged: null desabilita o botão.
  • variant: filled (preenchimento neutro em repouso, padrão) ou ghost (transparente em repouso, preenche só no hover/selecionado).
  • size: sm (32), md (36, padrão) ou lg (40) de altura.
  • borderRadius: sobrescreve o formato pílula padrão — usado internamente pelo KasyToggleButtonGroup para células retas.
  • semanticLabel: rótulo de acessibilidade alternativo ao label.

Selecionado usa preenchimento suave da cor primária (primarySoft); desabilitado cai para 50% de opacidade.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página