Drag and Drop

Simple angular drag and drop with dragula.

Multiple Lists

Drag and drop items of more than one list. Add same group to group prop

Group 1

  • img-placeholder
    Mary S. Navarre
    Chupa chups tiramisu apple pie biscuit sweet roll bonbon macaroon.
  • img-placeholder
    Max G. Ellis
    Toffee powder marzipan tiramisu. Cake cake dessert danish.
  • img-placeholder
    Sandra C. Toney
    Sugar plum fruitcake gummies marzipan liquorice tiramisu.
  • img-placeholder
    Samuel D. Goins
    Toffee powder marzipan tiramisu. Cake cake dessert danish.
  • img-placeholder
    Linda M. English
    Chupa chups tiramisu apple pie biscuit sweet roll bonbon macaroon.

Group 2

  • img-placeholder
    Mary S. Navarre
    Chupa chups tiramisu apple pie biscuit sweet roll bonbon macaroon.
  • img-placeholder
    Max G. Ellis
    Toffee powder marzipan tiramisu. Cake cake dessert danish.
  • img-placeholder
    Sandra C. Toney
    Sugar plum fruitcake gummies marzipan liquorice tiramisu
  • img-placeholder
    Samuel D. Goins
    Toffee powder marzipan tiramisu. Cake cake dessert danish.
  • img-placeholder
    Linda M. English
    Chupa chups tiramisu apple pie biscuit sweet roll bonbon macaroon.

Spill

Need to be able to quickly delete stuff when it spills out of the chosen containers? Note how you can easily sort the items in any containers by just dragging and dropping.

  • img-placeholder
    Mary S. Navarre
    Chupa chups tiramisu apple pie biscuit sweet roll bonbon macaroon toffee icing.
  • img-placeholder
    Max G. Ellis
    Toffee powder marzipan tiramisu. Cake cake dessert danish.
  • img-placeholder
    Sandra C. Toney
    Sugar plum fruitcake gummies marzipan liquorice tiramisu. Pastry liquorice chupa chupsake
  • img-placeholder
    Samuel D. Goins
    Toffee powder marzipan tiramisu. Cake cake dessert danish.
  • img-placeholder
    Linda M. English
    Chupa chups tiramisu apple pie biscuit sweet roll bonbon macaroon toffee icing.

Clone List

Clone list items from another existing list.

Badge Source 1
Google Facebook Discord Youtube Twitter Instagram
Badge Source 2
Github Gitlab Slack Pintrest Tinder Amazon

Drag and Drop with Handle

You have to customize drag handle yourself using class .handle

List One
  • +Cras justo odio
  • +Dapibus ac facilisis in
  • +Morbi leo risus
  • +Porta ac consectetur ac
  • +Vestibulum at eros
List Two
  • +Vestibulum at eros
  • +Porta ac consectetur ac
  • +Morbi leo risus
  • +Dapibus ac facilisis in
  • +Cras justo odio