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.
labele/ouicon: conteúdo do botão (pelo menos um dos dois é obrigatório);prefixIcon/suffixIconcombinam comlabel.selected/onChanged: estado atual e callback; passaronChanged: nulldesabilita o botão.variant:filled(preenchimento neutro em repouso, padrão) oughost(transparente em repouso, preenche só no hover/selecionado).size:sm(32),md(36, padrão) oulg(40) de altura.borderRadius: sobrescreve o formato pílula padrão — usado internamente peloKasyToggleButtonGrouppara células retas.semanticLabel: rótulo de acessibilidade alternativo aolabel.
Selecionado usa preenchimento suave da cor primária (primarySoft); desabilitado cai para 50% de opacidade.
Preview
Carregando o componente…
Atualizado em 03/11/2026

