A draggable and resizable div using Angular (Part 1: Dragging)

In this tutorial series I’m going to show you how to create an Angular component that can be dragged as well as resized by dragging its edge or corner.

The repository for this project can be found on Github

Let’s first define the component: I’m going to call it FrameComponent. This component will include both a div to act as a top-bar for dragging as well as a div to act as the resizer anchors.

frame.component.html