About MessageRadioButton

The messageRadioButton component is a combination of the radioButton component and messageLayout component.

The radioButton component is a standard browser input radio, which is grouped with other radio buttons on the same page that share the same radio button name.

Use the messageRadioButton component to insert a radioButton with a prompt and optional message type icon before the input radio. Use the text attribute to specify a label for the radio button, which is displayed after the radio button. The inline message is placed below the radio button and label. To add a component after the radio button and label, use the end named child.

Selected radio button with prompt and info icon

You must specify a name for each messageRadioButton component. Regardless of the physical placement on the page, radio buttons with the same name are placed in the same group with mutually exclusive selection.

You can set the selected attribute to indicate that the radio button is currently selected, and the selectedValue attribute to specify the value of the selected radio button. To assign an access key to the radio button, use the accessKey attribute.

In addition to general and message attributes, you can also set the primaryClientAction attribute to fire an event when the user clicks the radio button.