Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
```