Extend doc to show how to use the react-draggable dependency

[zachsa]

Thanks for opening an issue!

Please select the type of issue you're reporting. For questions.

• [ ] Bug
• [x] Feature Request
• [ ] Question

Problem Report

I see in the dependency list that react-draggable is used. Does that mean we can implement both drag and resize with this library? Currently I'm using both separately.

If so, please can the documentation be extended to show how...

[isteven]

I would love to see an updated documentation about this as well.

[Nantris]

@STRML any thoughts on this? Can the two be used together?

[zachsa]

@Slapbox - I think that I misread the library initially. I thought that 'draggableOpts' would allow me to make the resizable boxes draggable. But I don't think that's the case - I think you can configure the resizable controller, which uses react-draggable (which is why it's a dependency of this library). (at least I think this is the case, I haven't looked into the source code)

I was looking for way to have draggable, and resizable boxes (i.e. like menus). I ended up putting a resizable box into a draggable component:

https://github.com/SAEONData/catalogue/blob/next/src/packages/snap-menus/src/menu/index.jsx#L115 (The start of the 'Draggable')

https://github.com/SAEONData/catalogue/blob/next/src/packages/snap-menus/src/menu/index.jsx#L256 (The start of the resizable)