wired-toggle
    TypeScript icon, indicating that this package has built-in type declarations

    2.1.0 • Public • Published

    wired toggle

    wired-toggle

    Hand-drawn sketchy toggle button / switch.

    For demo and view the complete set of wired-elememts: wiredjs.com

    Usage

    Add wired-toggle to your project:

    npm i wired-toggle
    

    Import wired-toggle definition into your HTML page:

    <script type="module" src="wired-toggle/lib/wired-toggle.js"></script>

    Or into your module script:

    import { WiredToggle } from "wired-toggle"

    Use it in your web page:

    <wired-toggle></wired-toggle>
    <wired-toggle checked></wired-toggle>

    Properties

    checked - Checked state (boolean).

    disabled - disables the toggle button. Default value is false.

    Custom CSS Variables

    --wired-toggle-off-color Color of the knob when in off (false) position. Default value is gray.

    --wired-toggle-on-color Color of the knob when in on (true) position. Default value is rgb(63, 81, 181).

    Events

    change event fired when state of the toggle is changed by the user.

    License

    MIT License (c) Preet Shihn

    Install

    npm i wired-toggle

    DownloadsWeekly Downloads

    258

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    11.1 kB

    Total Files

    7

    Last publish

    Collaborators

    • shihn