<vaadin-checkbox-group>

[tomivirkki]

Create a <vaadin-checkbox-group> element whose value derives from the <vaadin-checkbox>es wrapped inside of it.

Here's how you'd use the component:

<vaadin-checkbox-group>
  <vaadin-checkbox value="apples"></vaadin-checkbox>
  <vaadin-checkbox value="oranges"></vaadin-checkbox>
  <vaadin-checkbox value="bananas"></vaadin-checkbox>
</vaadin-checkbox-group>

The value of the component should be of type Array consisting of string values of the checkboxes in the similar fashion the <vaadin-radio-group>'s value is derived from the contained <vaadin-radio-button>'s.

Changing the value array should check the matching contained checkboxes and uncheck the ones that don't match.

The <vaadin-checkbox-group> doesn't need special handling for arrow keys like <vaadin-radio-group> does.

Label
Form validation APIs built-in

Inspiration:

• <vaadin-radio-group>
• https://github.com/vaadin/expense-manager-demo/blob/master/src/option-group.html
  • No items array, light-dom api only for now