Input Checkbox Group

Basic usage

Negative mode

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

Prefilled value

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

No Group details

You are not forced to provide a label and/or a description for the Checkbox Group; in those cases where the Checkboxes 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 Checkbox.

Displaying alerts

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

Displaying errors

You can define your own validators and error messages to be applied both to a single Checkbox, and to the whole Checkbox Group.

Disabled state (whole Group)

The Input Checkbox 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 Checkboxes)

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

Required state

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