Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/afloesch/sortable-list

Polymer 1.X and 2.X element for drag-and-drop reordering of template items
https://github.com/afloesch/sortable-list

drag drag-and-drop drop-reordering polymer polymer2 webcomponent

Last synced: about 1 month ago
JSON representation

Polymer 1.X and 2.X element for drag-and-drop reordering of template items

Awesome Lists containing this project

README

        

# \

Polymer 1.X and 2.X custom element for drag-and-drop reorder of items.

For typical use just wrap your dom-repeat template item with a ``
element to get drag-and-drop reordering.

Relies on
[HTML 5 drag and drop](https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API)
browser support, so if you need to support older browsers
which do not support HTML 5 drag and drop events then we suggest using a polyfill:

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

## Install

```shell
bower install --save polymer-sortable-list
```

## Usage

```html


[[item]]

```

## Viewing This Element

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve this element locally.

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```