Component used when only one choice may be selected in a series of options

RadioGroupProps

Change the component to the HTML tag or custom component of the only child.

asChild

The value of the radio item that should be checked when initially rendered. Use when you do not need to control the state of the radio items.

The reading direction of the radio group.

When true, prevents the user from interacting with radio items.

When true, keyboard navigation will loop from last item to first, and vice versa.

The name of the group. Submitted with its owning form as part of a name/value pair.

Event handler called when the value changes.

When true, indicates that the user must check a radio item before the owning form can be submitted.

The controlled value of the radio item to check. Should be used in conjunction with onValueChange.

When true, prevents the user from interacting with the radio item.

When true, indicates that the user must check the radio item before the owning form can be submitted.

The value given as data when submitted with a name.

Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries.