{"repo":"swimlane/ngx-dnd","free":true,"listed":false,"github":"https://github.com/swimlane/ngx-dnd","clone":"git clone https://github.com/swimlane/ngx-dnd.git","description":"🕶 Drag, Drop and Sorting Library for Angular2 and beyond!","language":"TypeScript","stars":573,"topics":["ngx","drag-and-drop","angular","angular2","sorting","hacktoberfest"],"license":"MIT","category":"deployment-docker-iac","readme_excerpt":"ngx-dnd 🕶 Drag, Drop and Sorting Library for Angular6 and beyond! Note: The drag-and-drop directives in angular/cdk are great. Use that if you don't need nested DnD containers. We are investigating using angular/cdk directives internally Features - Drag and Drop - Sorting - Events (drag, drop, over, out) - Nesting - Touch support - Templating Install To use ngx-dnd in your project install it via npm: - npm i @swimlane/ngx-dnd @swimlane/dragula @types/dragula --save - Add NgxDnDModule.forRoot() to your application module. - If using directives you will need to BYO styles or include @swimlane/ngx-dnd/release/index.css . - You may need to add the following to your polyfills.ts file: Quick intro and examples Directives ngx-dnd provides a base set of directives to enable drag-and-drop. By default all children of a ngxDroppable element may be dragged and dropped. Add the ngxDraggable to restrict drag-and-drop to the parent container. In general prefer using the base directives to the help components introduced later. Give multiple containers the same dropZone name to allow drag-and-drop between these containers. ngxDraggable items can be restricted to specific containers: Components ngx-dnd provides a set of helper components that encapsulates the directives mentioned and adds capability for data driven structures. In general you should prefer directives to components. This component is effectively equivalent to: Including nested containers: See https://swimlane.github.io/ngx-dnd/","default_branch":null,"files":null,"tree":[],"storefront":"/r/swimlane","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/swimlane/ngx-dnd/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}