Nutritious Pancake Mountain

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

    2.1.0 • Public • Published

    wired checkbox

    wired-checkbox

    Hand-drawn sketchy checkbox web component.

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

    Usage

    Add wired-checkbox to your project:

    npm i wired-checkbox
    

    Import wired-checkbox definition into your HTML page:

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

    Or into your module script:

    import { WiredCheckbox } from "wired-checkbox"

    Use it in your web page:

    <wired-checkbox>Checkbox One</wired-checkbox>
    <wired-checkbox checked>Checkbox Two</wired-checkbox>
    <wired-checkbox disabled>Disabled checkbox</wired-checkbox>

    Properties

    checked - Checked state (boolean). Default is false.

    disabled - Disables the checkbox. Default value is false.

    Custom CSS Properties

    --wired-checkbox-icon-color Color of the checkbox. Default is currentColor.

    Events

    change event fired when state of the checkbox changes, i.e. the user checks/unchecks the box.

    License

    MIT License (c) Preet Shihn

    Install

    npm i wired-checkbox

    DownloadsWeekly Downloads

    19

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    10.8 kB

    Total Files

    7

    Last publish

    Collaborators

    • shihn