I'm working on with a working model like this:
So here, the left side is a simple list which containse list items. 1. This is not droppable, draggable only 2. After drag, this list remains same all the time.
On the right side, the dragged item will be dropped here.
- Once the user dragged an item from left side, the other side/ right side should indicate a placeholders to user where they can drop.
- All the dropped items on the right side can be swappable within right side.
- Right side area should contain like bootstrap row, column functionality.
I have to achieve something similar to this https://react-email-editor-demo.netlify.com/
Already, I gone through fre react plugins like react dnd and react -beautiful-dnd. I don't get an idea like whether above points are achievable by using these two plugins.
After searched many things,In react-beautiful-dnd, we can't add custom placeholders.
Any help on this, would be grateful.
See Question&Answers more detail:os