Input Radio Group

Basic usage

Negative mode

The Input Radio Group component supports a negative mode, suitable for areas with dark background.

Prefilled value

You can initialize the Input Radio Group component with a prefilled value.

No Group details

You are not forced to provide a label and/or a description for the Radio Group; in those cases where the Radio are self-explanatory, you can avoid passing them to the component.

Custom content

You can insert any element you want as the label of each Radio.

Displaying alerts

You can add alerts to be displayed both below the label of each Radio, and below the details of the whole Radio Group.

Displaying errors

You can define your own validators and error messages to be applied to the Radio Group.

Disabled state (whole Group)

The Input Radio Group component supports a Disabled state, complete with an information button with which you can provide useful details as to why the group is not operable.

Disabled state (specific Radios)

You can make specific Radios in the Group disabled, providing useful details as to why each Radio is not operable.

Required state

If you mark your FormGroup as required, the Input Radio Group component automatically handles its error state and displays a “(required)” marker in the label, that you can customize or hide following your needs.