Switch

Preview


Coding


js <script defer>

import { Switch } from 'gadjet/dist/module/ui/switch/switch.js';

Switch.define('el-switch');
Switch.tagStyle({
    pinColor: '#f6f5f4',
    bgColor: '#deddda',
    activeColor: 'blue'
})

html

<el-switch>
    <input type="checkbox" checked>
    <div el="label">
        <span>✔</span>
        <span>OFF</span>
    </div>
</el-switch>
gadjet
Getting Started Style Portion UI