Neutered Paranoid Meerkat

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

    2.1.0 • Public • Published

    wired card

    wired-card

    wired-card is a container for other web elements - with a hand-drawn, wireframe like, look.

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

    Usage

    Add wired-card to your project:

    npm i wired-card
    

    Import wired-card definition into your HTML page:

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

    Or into your module script:

    import { WiredCard } from "wired-card"

    Use it in your web page:

    <wired-card>
      <p>Elevation: 1</p>
    </wired-card>
     
    <wired-card elevation="3">
      <p>Elevation: 3</p>
    </wired-card>

    Properties

    elevation - Numerical number between 1-5 (inclusive) - sets the elevation of the card. Default is 1.

    fill - A color to fill the background of the card in a sketchy format

    Methods

    requestUpdate() - When dynamically adding content to the card, call this method to recompute the boundaries of the card.

    License

    MIT License (c) Preet Shihn

    Install

    npm i wired-card

    DownloadsWeekly Downloads

    266

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    12.4 kB

    Total Files

    7

    Last publish

    Collaborators

    • shihn