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

• Host: GitHub
• URL: https://github.com/afloesch/sortable-list
• Owner: afloesch
• License: mit
• Created: 2017-05-09T19:44:43.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-08-17T18:36:18.000Z (over 6 years ago)
• Last Synced: 2024-09-27T07:22:07.406Z (about 2 months ago)
• Topics: drag, drag-and-drop, drop-reordering, polymer, polymer2, webcomponent
• Language: HTML
• Homepage:
• Size: 3.91 KB
• Stars: 4
• Watchers: 4
• Forks: 3
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

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

```