Angular Checkbox

Standalone

Vertical

Helper text There was an error

Selected: {{vertical.one}}

Helper text There was an error

Selected: {{vertical.two}}

Helper text There was an error

Horizontal

Helper text There was an error

Selected: {{horizontal.one}}

Helper text There was an error

Selected: {{horizontal.two}}

Helper text There was an error

Compact

Helper text There was an error

Selected: {{compact.one}}

Helper text There was an error

Selected: {{compact.two}}

Helper text There was an error

CSS Checkbox

Vertical

Helper Text
Helper Text
Helper Text

Horizontal

Helper Text
Helper Text
Helper Text

Compact

Helper Text
Helper Text
Helper Text

Validation in Groups (WIP)

Select a VM. You must select at least one. This field is required Cannot be blank!

Array valid: {{reactiveForm.get('vmsSelection').valid}} | Form valid: {{reactiveForm.valid}}

Select a VM. You must select at least two. This field is required Cannot be blank!

Group valid: {{selected.valid}} | Form valid: {{form.valid}} | One valid: {{one.valid}}