---
title: "Drag and Drop"
date: "2018-03-08T00:00:00+00:00"
tags: []
project: null
---

# Drag and Drop

Source: https://greenzeta.com/update/drag-and-drop/
Last updated: 2018-03-08T00:00:00+00:00

Used the angular package ng2-dnd to apply the HTML5 draggable property to the words. An invisible droppable container with a lower z-index lies behind each word and shifts to the front when the drag event is fired. When a word is dropped, both are popped from the word array.