zen-toggle v6.1.0

2.5Kb gzipped

SCSS

Import files if your bundler supports SCSS.

@import "node_modules/zen-toggle/src/scss";

JS

Optional. It is necessary for the correct operation of focus and ripple effects on iOS devices.

import { ZenToggle } from 'zen-toggle'

Hosting files

You can download the zen-toggle package from the following link.

Set the base color (HSLA)

More examples.

.toggle {
    --toggle-color-h: 220;
    --toggle-color-s: 55%;
    --toggle-color-l: 55%;
    --toggle-color-a: 1;

    --toggle-label-font-size: 15px;
    --toggle-desc-font-size: 12px;
    --toggle-label-font-color: Black;
    --toggle-desc-font-color: Gray;
    --toggle-disabled-font-color: Silver;
}

<div class="toggle">
    <input id="ch" type="checkbox">
    <label for="ch">
        <span>Checkbox</span>
    </label>
</div>

License

zen-toggle is released under MIT license.