diff --git a/README.md b/README.md index d3d3701..5d6382f 100644 --- a/README.md +++ b/README.md @@ -84,7 +84,7 @@ export class AppComponent { ``` Result of simple Drag-and-Drop operation: -![alt text](https://github.com/akserg/ng2-dnd/img/dnd1.png "Simple Drag-and-Drop operation") +![alt text](https://github.com/akserg/ng2-dnd/blob/master/img/dnd1.png "Simple Drag-and-Drop operation") # Restriction Drag-and-Drop operations with drop zones @@ -157,7 +157,7 @@ export class AppComponent { ``` Result of restricted Drag-and-Drop operation: -![alt text](https://github.com/akserg/ng2-dnd/img/dnd2.png "Restricted DnD operation") +![alt text](https://github.com/akserg/ng2-dnd/blob/master/img/dnd2.png "Restricted DnD operation") # Transfer custom data via Drag-and-Drop You can transfer data from draggable to droppable component via *dragData* property of Draggable component: @@ -219,9 +219,9 @@ export class AppComponent { ``` Result of transfer cudtom data in Drag-and-Drop operation: -![alt text](https://github.com/akserg/ng2-dnd/img/dnd3.png "Transfer cudtom data in Drag-and-Drop operation") +![alt text](https://github.com/akserg/ng2-dnd/blob/master/img/dnd3.png "Transfer cudtom data in Drag-and-Drop operation") -# Complex example (includes all shown below) of Drag-and-Drop +# Complex example (includes all shown below) with Drag-and-Drop Here is an example of shopping backet with products adding via drag and drop operation: ```js @@ -312,5 +312,8 @@ export class AppComponent { } ``` +Result of complex example with Drag-and-Drop operation: +![alt text](https://github.com/akserg/ng2-dnd/blob/master/img/dnd4.png "Complex example with Drag-and-Drop operation") + # License [MIT](/LICENSE) diff --git a/img/dnd4.png b/img/dnd4.png new file mode 100644 index 0000000..138fb97 Binary files /dev/null and b/img/dnd4.png differ