@diddledan/flippy-card

    2.2.1 • Public • Published

    <flippy-card>

    A Flippable "card" based on Paul Lewis' UI Experiment

    Published on webcomponents.org

    Installation

    1. Using npm install the package to your project
      cd $YOUR_PROJECT_DIR
      npm install --save @diddledan/flippy-card

    You will now find a folder called node_modules in your project root which contains the webcomponents polyfill, and the flippy-card element files along with any dependencies required.

    Usage

    <flippy-card id="thecard" axis="Y" current-side='front'>
        <div slot="front">
            This is the Front
            <paper-button onclick='flipit'>FLIP IT!</paper-button>
        </div>
        <div slot="back">
            This is the Back<br/>MoreContent<br/>Expando Divboxus!
            <paper-button onclick='flipit'>Flip it again, Sam!</paper-button>
        </div>
    </flippy-card>
    <script type="javascript">
    function flipit() {
        document.getElementById('thecard').flip();
    }
    </script> 

    Contributing

    1. Fork it!
    2. Create your feature branch: git checkout -b my-new-feature
    3. Commit your changes: git commit -am 'Add some feature'
    4. Push to the branch: git push origin my-new-feature
    5. Submit a pull request :D

    Credits

    License

    MIT License

    See the LICENSE file in the root folder of this package.

    Keywords

    none

    Install

    npm i @diddledan/flippy-card

    DownloadsWeekly Downloads

    9

    Version

    2.2.1

    License

    MIT

    Unpacked Size

    38.7 kB

    Total Files

    11

    Last publish

    Collaborators

    • diddledan