Handle Element

By default, items can be dragged from anywhere. However, you can specify a handle in the item to make it draggable only from that element.

To specify a handle, add data-swapy-handle attribute on the element inside the item.

<div data-swapy-item="foo">
  <!-- This div is now the handle -->
  <div data-swapy-handle></div>
  <!-- Item content... -->
</div>