Skip to main content

Forms

RadioGroup

Render a grouped single-choice input set. The classic multiple-choice exam format, now in UI form.

Curated demo

Primary docs surface

Reference

Render a grouped single-choice input set. The classic multiple-choice exam format, now in UI form.

  • Use RadioGroup when all choices should stay visible.
  • Pass label when the group needs an explicit visible legend.
  • If you have more than 5 options, consider using a Select instead.

Props

Name Type Default Description
name * string — Name for the radio group.
label string — Optional group label.
options * RadioOption[] — List of radio options.
disabled boolean false Whether the group is disabled.
defaultValue string — Default selected value.
class string — Additional CSS classes.

Example snippet

<RadioGroup name="channel" label="Preferred channel" options={channelOptions} />