A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.


childrenThe Children prop allows users to pass other components as a property, enabling users to compose together components.
defaultValueThe 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.
valueThe controlled value of the radio item to check. Should be used in conjunction with onValueChange.
onValueChangeEvent handler called when the value changes.
nameThe name of the group. Submitted with its owning form as part of a name/value pair.
requiredWhen true, indicates that the user must check a radio item before the owning form can be submitted.
orientationThe orientation of the component.
dirThe reading direction of the radio group. If omitted, inherits globally from DirectionProvider or assumes LTR (left-to-right) reading mode.
loopWhen true, keyboard navigation will loop from last item to first, and vice versa.
classNameThe className property can be used to add a CSS class to a component that accepts styling. In Clutch, the className property powers the visual styling panel and the class name itself is auto-generated. Additional class names can be passed to the component by twirling open the className control and passing in strings.