Skip to content

LabelledRadioGroup

Component | Source Code

extends Omit<FormGroupProps, “defaultValue” | “children”>, Omit<LabelledProps, “labelProps”>

Props Inheritance Hierarchy: Omit<FormGroupProps, “defaultValue” | “children”> & Omit<LabelledProps, “labelProps”>

A group of related radio inputs.

Can be controlled or uncontrolled. If you intend to control the component, you must provide a value that’s not undefined.


The default value for the radio group to have. This only has an effect when the component is uncontrolled. If you want to default a controlled group, just set your value’s initial value to be your default.




(Optional, defaults to false) Whether the items in the group should be inline. If this is false, each item in the group will be on its own line.



What position the label text appears relative to the input.


labelProps?: Omit<DetailedHTMLProps<HTMLAttributes, HTMLLegendElement>, “ref”>

Section titled “labelProps?: Omit<DetailedHTMLProps<HTMLAttributes, HTMLLegendElement>, “ref”>”



Handler for when the user attempts to change their selection in the radio group.