KasyKasy

Radio Button Group

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

Sobre

Grupo de radio renderizado como cartões full-width pressionáveis (KasyRadioButtonGroup) — o cartão inteiro seleciona a opção, não só o círculo. Padrão "escolha um plano" / "escolha forma de pagamento".

Diferente de Radio Group (KasyRadioGroup), que lista radios inline sem cartão — use este quando cada opção merece uma superfície própria tocável.

  • options: lista de KasyRadioButtonGroupOption (value, label, description, enabled).
  • size: sm / md (padrão) / lg — herdado de KasyRadioSize, define o tamanho do círculo dentro do cartão.
  • label / description: cabeçalho do grupo.
  • errorText: quando definido, todos os cartões ficam com estilo de erro (vermelho) e a mensagem aparece embaixo.

Nota: usa KasyRadio internamente (círculo apenas visual, IgnorePointer) e KasyHover para o realce do cartão inteiro.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página