Drag and Drop Component Request

reflex-dev / reflex

🕸️ Web apps in pure Python 🐍

https://reflex.dev

Apache License 2.0

19.09k stars 1.08k forks source link

Drag and Drop Component Request #3808

Open yutayouguan opened 4 weeks ago

yutayouguan commented 4 weeks ago

What is the purpose of the custom component? In grid layouts, the ability to freely drag and drop components for layout.
What is the expected behavior of the custom component? The components enables create rich drag and drop experiences, such as lists, boards, grids, resizing and so on.
What are the use cases for the custom component? List drag-and-drop sorting, custom layouts in grid layouts,

Specifics (please complete the following information):

Do you have a specific react package in mind? (Optional):
@atlaskit/pragmatic-drag-and-drop https://github.com/atlassian/pragmatic-drag-and-drop

itsmeadarsh2008 commented 3 weeks ago

https://reflex.dev/docs/library/forms/upload/ Reflex has existing support for that.

yutayouguan commented 3 weeks ago

I know the upload drag, pragmatic-drag-and-drop is drag at component together

masenf commented 3 weeks ago

i started on this here https://github.com/masenf/reflex-dnd, but it's not quite working as intended because the onDrop handler is supposed to update state synchronously, but there's no way to do that in reflex currently

Manas1820 commented 3 weeks ago

How about https://swapy.tahazsh.com/ ??

itsmeadarsh2008 commented 3 weeks ago

How about https://swapy.tahazsh.com/ ??

From Theo's (ping.gg) video right? It's cool.

xiong-zhitong commented 5 days ago

How about https://swapy.tahazsh.com/ ??

Is there a way to make it work with Reflex?

itsmeadarsh2008 commented 5 days ago

How about https://swapy.tahazsh.com/ ??

Is there a way to make it work with Reflex?

It is possible, but the wrapping system requires more features. Meanwhile, I will try to implement it soon.