Module: elements-sk/multi-select-sk

multi-select-sk

Clicking on the children will cause them to be selected.

The multi-select-sk elements monitors for the addition and removal of child elements and will update the 'selected' property as needed. Note that it does not monitor the 'selected' attribute of child elements, and will not update the 'selected' property if they are changed directly.

Events
Name Description
selection-changed Sent when an item is clicked and the selection is changed. The detail of the event contains the indices of the children elements:
    detail: {
      selection: [2,4],
    }
  
Source:
Example
<multi-select-sk>
    <div></div>
    <div></div>
    <div selected></div>
    <div></div>
    <div selected></div>
  </multi-select-sk>