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) orsecondary(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).onChangednull = 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) orhorizontal.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

