ergo / polymer-dragula

Polymer wrapper of dragula drag and drop library
Other
35 stars 8 forks source link

\<polymer-dragula>

Polymer implementation of dragula D&D handling

Information: Before bevacqua/dragula#470 gets merged into dragula this element might not work correctly inside Shadow DOM.

Example:

    <polymer-dragula>
        <div class="row-holder">
            <div class="column">
                <p>item-1</p>
            </div>
            <div class="column">
                <p>item-2</p>
            </div>
            <div class="column">
                <p>item-3</p>
            </div>
            <div class="column">
                <p>item-4</p>
            </div>
            <div class="column">
                <p>item-5</p>
            </div>
        </div>
    </polymer-dragula>

Install the Polymer-CLI

First, make sure you have the Polymer CLI installed. Then run polymer serve to serve your application locally.

Viewing Your Application

$ polymer serve

Building Your Application

$ polymer build

This will create a build/ folder with bundled/ and unbundled/ sub-folders containing a bundled (Vulcanized) and unbundled builds, both run through HTML, CSS, and JS optimizers.

You can serve the built versions by giving polymer serve a folder to serve from:

$ polymer serve build/bundled

Running Tests

$ polymer test

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.