Drag and drop component

[snigam2024]

Background

Currently there are no pattern guidelines for drag and drop. So, I have made some guidelines and pattern for it to communicate to the engg. team and wanted to review it with the Paste team.

Feedback

Provide feedback on visual layout, usecase, interaction anything that is missing. Help out in next steps on how to componentize/ Patternize it.

Stage of design

No response

Research

No response

Relevant links

https://www.figma.com/design/lMvwNM8C1Ie8gvaOaNnDqA/Drag-and-drop-component?node-id=0-1&t=JNkxf69l2DHvd3tH-1

Are you looking for visual design support?

• Yes

Additional Information

No response

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Form Pattern and redesigned Form Fields RFC (updated: 03/05/2025, similarity score: 87%)
• Adding a supporting documents - Answer (updated: 06/15/2022, similarity score: 87%)
• Twilio Builder experience and patterns (updated: 05/24/2024, similarity score: 87%)

[snigam2024]

I’ve documented the Drag and Drop pattern contribution spec in detail. Please take a moment to review it and let me know your thoughts or the next steps.
https://docs.google.com/document/d/1ovFH-29a9qPhaSQrK1R7lnGT2Hnx58O-oCYszMezKFk/edit?usp=sharing

[serifluous]

@snigam2024 Thanks for sharing! We'll take a look and figure out next steps.

[krisantrobus]

Hi @snigam2024, thank you for joining the office hours today. Here is a link to the recording.

I also wanted to share the source code for the VisualPicker so your engineers have a reference point for the base card as we disucssed the components having similar styles on the call.