KasyKasy

Radio Group

Live preview and documentation for the Radio Group component.

Preview

componentPreview.loading

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.

Last updated on 08/23/2026

On this page