Warning

When using, keep in mind that this package is an alpha and development version.

Web Reorderable

Version	v0.0.0-dev1

This package uses web components to implement efficient and simple and flexible, soft reorderable list and grid that is can be animation.

Usage

<reorderable-list>
  <div key="uuid-1">...</div>
  <div key="uuid-2">...</div>
  <div key="uuid-3">...</div> <!-- ...children -->
</reorderable-list>

<reorderable-grid rows="10">
  <div key="uuid-1">...</div>
  <div key="uuid-2">...</div>
  <div key="uuid-3">...</div> <!-- ...children -->
</reorderable-grid>

How to connect reorderable list or grid elements to one another?

You need to be using <reorderable-connection> element.

<reorderable-connection>
  <div> <!-- The tree depth doesn't matter. however, always an items key must be unique. -->
    <reorderable-list>...</reorderable-list>
    <reorderable-list>...</reorderable-list>
  </div>
</reorderable-connection>