Radio Button Group

Preview

About

Radio group rendered as full-width pressable cards (KasyRadioButtonGroup) — the whole card selects the option, not just the circle. The classic "choose a plan" / "choose a payment method" pattern.

Unlike Radio Group (KasyRadioGroup), which lists radios inline with no card, use this one when each option deserves its own tappable surface.

• options: list of KasyRadioButtonGroupOption (value, label, description, enabled).
• size: sm / md (default) / lg — inherited from KasyRadioSize, sets the circle size inside the card.
• label / description: group header.
• errorText: when set, all cards switch to the error style (red) and the message shows below.

Note: internally uses KasyRadio (circle is visual only, IgnorePointer) and KasyHover to highlight the whole card.

Last updated on 08/23/2026