Custom Drag-and-Drop Component for Retool 🎉

🤝 Community Show & Tell
21

I'd like to have access as well @Almopt ! do you have a JSON file I can import to try it out?

22

@Almopt please could I get access, this is exactly what we're looking for! Thanks

23

I would be interested as well. Will the beta work on self hosted?

24

This is amazing @Almopt. Could I get access to the beta?

25

I would also love access @Almopt ! Looks perfect for our use case

26

@Almopt looks really good, is it possible to get the details on how to set it up, or when is the beta ready? Thank you :slight_smile:

27

Hey Retool Community! :wave:

I’ve just finished building a Custom Component that replicates a simple project management board, inspired by the many requests I’ve seen in the thread! Link here.

It includes four default columns:

:red_circle: Backlog
:yellow_circle: Todo
:large_blue_circle: In Progress
:green_circle: Done

Here’s what it supports so far:

  • Drag-and-drop task cards between columns
  • Add tasks using the “+” button in each column
  • Rename tasks by clicking on the task name
  • One dynamic property per column to pass data in and out of Retool

Feel free to use this as a starting point, and customize it however you'd like. I’d love to see what others build on top of it!

task_board
task_board2794×886 126 KB

Best,
Gonzalo

7 Likes
28

It would be great if you could explain how to use this in my project, I'm not familiar with how to add custom components in retool

29

Hi @btzo,

We have a custom component guide in our docs - Build custom React components | Retool Docs

Please let us know in a new topic if you run into any questions