@saekitominaga/customelements-input-switch NPM

`<input type="checkbox" role="switch">` by custom elements

<label><x-input-switch
  name="foo"
  value="1"
  checked=""
  disabled=""
  storage-key="foo"
></x-input-switch> switch</label>

name	deault	Description
`--switch-width`	3.6em	Outer frame width
`--switch-height`	1.8em	Outer frame height
`--switch-padding`	0.2em	Spacing between the outer frame and the sphere (Negative value can be specified)
`--switch-bgcolor-on`	#2299ff	Background color when `on`
`--switch-bgcolor-off`	#cccccc	Background color when `off`
`--switch-bgcolor-disabled-on`	#666666	disabled Background color when `on`
`--switch-bgcolor-disabled-off`	#666666	disabled Background color when `off`
`--switch-ball-color`	#ffffff	Slider sphere color (background property)
`--switch-animation-duration`	0.5s	Time a transition animation (transition-duration property)
`--switch-outline-mouse-focus`	none	Focus indicator on mouse-focus (outline property)