Module: elements-sk/select-sk

select-sk

Clicking on the children will cause them to be selected.

The 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 child element index:
    detail: {
      selection: 1,
    }
  
Attributes
Name Description
disabled Indicates whether the element is disabled.
Source:
Example
<select-sk>
    <div></div>
    <div></div>
    <div selected></div>
    <div></div>
  </select-sk>