KasyKasy

Radio Group

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

Sobre

Radio simples (KasyRadio) e conjunto gerenciado (KasyRadioGroup) para escolha única entre opções, layout inline sem chrome de cartão. Para o formato cartão pressionável full-width, veja Radio ButtonGroup.

KasyRadio (item individual):

  • size: sm / md (padrão) / lg — diâmetro do controle (16/20/24px).
  • variant: primary (disco branco elevado quando não selecionado) ou secondary (disco neutro preenchido quando não selecionado) — só diferem no estado não selecionado.
  • label / description: texto inline ao lado do controle.
  • isInvalid: estilo de erro (anel vermelho).
  • onChanged nulo = desabilitado.

KasyRadioGroup (conjunto com options: List<KasyRadioOption>):

  • label / description: cabeçalho do grupo.
  • errorText: quando definido, todos os radios ficam vermelhos e a mensagem aparece embaixo.
  • orientation: vertical (padrão) ou horizontal.
  • style (KasyRadioStyle): sobrepõe cores (activeColor, borderColor, dotColor).

Nota: KasyRadioTile existe como variante de linha full-width com padding, sem o cartão do Radio ButtonGroup.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página