Radio button

<React.Fragment />

<React.Fragment />

Radio group configuration

Use a RadioGroup component to group radio buttons. Radio groups can use the following props:

className (optional)

A CSS class name to pass to the component.

isInline (optional)

Whether to display the radio buttons in the group inline instead of stacked. Boolean.

isSmall (optional)

Whether to use the ‘small’ radio button variant. Boolean.

name

Value for the name attribute on radio buttons in the group.

Radio buttons configuration

RadioButton components can use the following props:

checked (optional)

Whether the radio should be selected on load.

hintText (optional)

Text to use for a radio button's hint text.

id

Value to use for the radio button's id attribute.

isSmall (optional)

Whether to use the ‘small’ radio button variant. Boolean. Alternatively you can set this on an ancestor RadioGroup component.

label

Text to use for the radio button's associated label.

name (optional)

Value to use for the radio button's name attribute. Alternatively you can set this on an ancestor RadioGroup component.

onBlur (optional)

Function to fire in response to a blur event.

onChange (optional)

Function to fire in response to a change event.