KasyKasy

Radio Group

Live preview and documentation for the Radio Group component.

About

Simple radio (KasyRadio) and managed set (KasyRadioGroup) for single-choice selection, inline layout with no card chrome. For the full-width pressable card style, see Radio ButtonGroup.

KasyRadio (individual item):

  • size: sm / md (default) / lg — control diameter (16/20/24px).
  • variant: primary (elevated white disc when unselected) or secondary (filled neutral disc when unselected) — they only differ in the unselected state.
  • label / description: inline text next to the control.
  • isInvalid: error style (red ring).
  • onChanged null = disabled.

KasyRadioGroup (set with options: List<KasyRadioOption>):

  • label / description: group header.
  • errorText: when set, all radios turn red and the message shows below.
  • orientation: vertical (default) or horizontal.
  • style (KasyRadioStyle): overrides colors (activeColor, borderColor, dotColor).

Note: KasyRadioTile exists as a full-width row variant with padding, without the card treatment of Radio ButtonGroup.

Preview

Loading the component…

Last updated on 11/03/2026

On this page