light-dark-switch

No enable-sync

          
<light-dark-switch>
  <button>Toggle</button>
</light-dark-switch>
          
        

With enable-sync

          
<light-dark-switch enable-sync>
  <button>Toggle</button>
</light-dark-switch>
          
        

Disabled

(default, selected, enable-sync)

          
<light-dark-switch disabled>
  <button>Toggle</button>
</light-dark-switch>
          
        

          
<light-dark-switch disabled selected>
  <button>Toggle</button>
</light-dark-switch>
          
        

          
<light-dark-switch disabled enable-sync>
  <button>Toggle</button>
</light-dark-switch>
          
        

          
<light-dark-switch id="abc">
  <button>Toggle</button>
</light-dark-switch>

var button = document.getElementById('abc')
button.select()
button.unSelect()
button.enableSync()
button.disableSync()
button.isSelected()
button.isDisabled()
button.isSync()