sk-switch-default

skinny-widgets switch element for default theme

Usage no npm install needed!

<script type="module">
  import skSwitchDefault from 'https://cdn.skypack.dev/sk-switch-default';
</script>

README

Skinny Widgets Switch for Default Theme

switch element

npm i sk-switch sk-switch-default --save

then add the following to your html

<sk-config
    theme="default"
    base-path="/node_modules/sk-core/src"
    theme-path="/node_modules/sk-theme-default"
></sk-config>
<sk-switch id="mySwitch" checked value="11"></sk-switch>
<script type="module">
    import { SkConfig } from '/node_modules/sk-core/sk-config.js';
    import { SkSwitch } from '/node_modules/sk-switch/sk-switch.js';

    customElements.define('sk-config', SkConfig);
    customElements.define('sk-switch', SkSwitch);
</script>

slots

default (not specified) - draws label for input

label - draws label for input

<sk-switch id="mySwitch1">Some Label</sk-switch>

template

id: SkSwitchTpl