I need to create a custom screen option with angular When there are places on the screen that can be dragged and dropped to another place. Similar to what you see in known editors. And I want that during the towing, as soon as you pass any place that is allowed to grab the component, then the place will be marked. And no less important, that once the component sticks, its size will change according to the size of the place where it is caught As in the picture below.
I'm thinking about dividing the screen into a virtual grid that will show the places where you can stick. I tried dragging and dropping CDK but I couldn't get the required result.
Does anyone have an idea how to do this or with CDK drag and drop or with another package? Or even with other technology?
