RadioGroup

RadioGroups are used to group and manage radio controls.

Example

Learn more about the properties and the customization points.

import RadioGroup from "@sonnat/ui/RadioGroup";

//or
import { RadioGroup } from "@sonnat/ui";

Note that the documentation avoids mentioning all the native props (there are a lot) in this section of the components.

RadioGroup Properties
Name	Type	Default	Description
children	node	-	The content of the group.
className	string	-	Append to the class names applied to the component so you can override or extend the styles.
value	string	-	The value of the selected radio.
defaultValue	string	-	The default value. Use when the component is not controlled.
layoutDirection	"row" \| "column"	"column"	The layout direction of the group.
onChange	function	-	The callback fires when a radio has selected. Signature: `function(selectedValues: string[]) => void`
The `ref` is forwarded to the root element. Any other properties supplied will be provided to the root element.