clippings/html5-sortable

View on GitHub
README.md

Summary

Maintainability
Test Coverage
# Html5 Sortable

[![Build Status](https://travis-ci.org/clippings/html5-sortable.svg?branch=master)](https://travis-ci.org/clippings/html5-sortable)
[![Code Climate](https://codeclimate.com/github/clippings/html5-sortable/badges/gpa.svg)](https://codeclimate.com/github/clippings/html5-sortable)
[![Test Coverage](https://codeclimate.com/github/clippings/html5-sortable/badges/coverage.svg)](https://codeclimate.com/github/clippings/html5-sortable/coverage)

Sort element using native html5 drag and drop

## Instalation

Using [jspm](http://jspm.io/):

    jspm install npm:clippings-html5-sortable

Using npm:

    npm install clippings-html5-sortable

Manual:

Download [latest release](https://github.com/clippings/html5-sortable/releases/latest)

``` html
<link rel="stylesheet" type="text/css" href="dist/css/clippings-html5-sortable.min.css" />
<script type="text/javascript" src="dist/js/clippings-html5-sortable.min.js"></script>
```

Usage
-----

``` html
<div data-arrange="html5-sortable">
    <div draggable="true">1</div>
    <div draggable="true">2</div>
    <div draggable="true">3</div>
    <div draggable="true">4</div>
    <div draggable="true">5</div>
</div>
```

![Imgur](http://i.imgur.com/3A9mPOG.png)

Documentation
-------------

You can read the extensive documentation on http://clippings.github.io/html5-sortable/

License
-------

Copyright (c) 2015, Clippings Ltd. Developed by Ivan Kerin

Under BSD-3-Clause license, read LICENSE file.