<tomalec-sortable-list>

Arrange the layout, not the content

<tomalec-sortable-list> is a Polymer Custom Element for sortable list that uses CSS flexbox to arrange items. Therefore it does not change order of elements in DOM

zero

three

four

five

six

seven

eight

tomalec-sortable-list.order

order of sorted items

tomalec-sortable-list@change

event triggered after every change

tomalec-sortable-list@move

event triggered after every move

Other examples

Plain
Nested
Pre-loaded order
Dynamic add nodes
Sortable <body>
With Bootstrap