plus its CSS: https://cdnjs.cloudflare.com/ajax/libs/dragula/3.7.2/dragula.css
Default configuration
HTML body content
<ul class="container">
<li class="draggable">1</li>
<li class="draggable">2</li>
<li class="draggable">3</li>
</ul>
<ul class="container">
<li class="draggable">1</li>
<li class="draggable">2</li>
<li class="draggable">3</li>
</ul>
<ul class="container">
<li class="draggable">1</li>
<li class="draggable">2</li>
<li class="draggable">3</li>
</ul>
JavaScript content
var containers = Array.prototype.slice.call(document.querySelectorAll('.container'));
var drake = window.dragula(containers);
How it looks like
With its CSS | Without its CSS |
No comments:
Post a Comment