Mastering Angular Components

Drag and drop

We have learned to use our computer mouse and keyboard with great efficiency. Using keyboard shortcuts, different click actions, and contextual mouse menus, can provide us with support for performing tasks. However, there is one pattern that has gained more attention in applications lately, given the current mobile and touch device hype. Drag and drop actions are a very intuitive and logical way to express actions, such as moving or copying items. One particular task, performed on user interfaces, benefits from drag and drop: ordering items within a list. If we need to order items via action menus, it gets very confusing. Moving items step-by-step, using the up and down buttons, works great, but it takes a lot of time. If you ...