{% set lefts = [ { content: "You can move these elem.", color: 'primary', image: 'assets/images/jason-blackeye-217162.jpg' }, { content: "Moving them anywhere.", color: 'primary', image: 'assets/images/linkedin-sales-navigator-402873.jpg' }, { content: "More interactive use cases.", color: 'primary', image: 'assets/images/linkedin-sales-navigator-403828.jpg' } ] %} {% set right = [ { content: "Moving <input/>.", color: 'danger', image: 'assets/images/mia-baker-322599.jpg' }, { content: "You only need to specify.", color: 'danger', image: 'assets/images/luke-chesser-2347.jpg' }, { content: "You can move in container.", color: 'primary', image: 'assets/images/linkedin-sales-navigator-404002.jpg' } ] %}

Drag & Drop

Move cards between containers and more.

Default

{% for item in lefts %}

{% endfor %}

{% for item in right %}

{% endfor %}

Highlight

{% for item in lefts %}

{% endfor %}

{% for item in right %}

{% endfor %}

Remove on spill

{% for item in lefts %}

{% endfor %}

{% for item in right %}

{% endfor %}

Revert on spill

{% for item in lefts %}

{% endfor %}

{% for item in right %}

{% endfor %}

Sort only

{% for item in lefts %}

{% endfor %}

{% for item in right %}

{% endfor %}