November: Procrastination Month

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

    2.1.0 • Public • Published

    wired icon button

    wired-icon-button

    This is a hand-drawn sketchy round button with an image placed at the center. Image could also be in icon, more specifically an icon as as @material/mwc-icon.

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

    Usage

    Add wired-icon-button to your project:

    npm i wired-icon-button
    

    Import wired-icon-button definition into your HTML page:

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

    Or into your module script:

    import { WiredIconButton } from "wired-icon-button"

    Use it in your web page:

    <wired-icon-button>favorite</wired-icon-button>
    <wired-icon-button class="red">favorite</wired-icon-button>

    Properties

    disabled - disables the button. Default value is false.

    Custom CSS Variables

    --wired-icon-size Numeric size of the icon. Default is 24 (px).

    --wired-icon-bg-color Background color.

    Events

    click - When button is clicked/submitted

    License

    MIT License (c) Preet Shihn

    Install

    npm i wired-icon-button

    DownloadsWeekly Downloads

    12

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    9.37 kB

    Total Files

    7

    Last publish

    Collaborators

    • shihn