View a single radio button.

Lock Premium content if the user does not have Premium.

Makes the Premium pennant clickable.

When the pennant is clicked, the msg that's passed in will fire.

Content that shows when this RadioButton is selected

Fire a message parameterized by the value type when selecting a radio option

Customizations for the RadioButton.

Hides the visible label. (There will still be an invisible label for screen readers.)

Shows the visible label. This is the default behavior

Adds CSS to the element containing the input.

Adds CSS to the element containing the label text.

Note that these styles don't apply to the literal HTML label element, since it contains the icon SVG as well.

Use this helper to add custom attributes.

Do NOT use this helper to add css styles, as they may not be applied the way you want/expect if underlying styles change. Instead, please use the css helper.

Set a custom ID for this text input and label. If you don't set this, we'll automatically generate one from the label you pass in, but this can cause problems if you have more than one radio input with the same label on the page. You might also use this helper if you're manually managing focus.

This disables the input

This enables the input, this is the default behavior

Sets whether or not the field will be highlighted as having a validation error.

If Just, the field will be highlighted as having a validation error, and the given error message will be shown.

A guidance message shows below the input, unless an error message is showing instead.