# Thunkable Drag and Drop Docs are Here!

**URL:** <https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395>\
**Category:** Announcements\
**Tags:** draganddrop\
**Created:** [April 12, 2021, 10:41am UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395 "2021-04-12T10:41:34Z")\
**Posts on this page:** 1\
**Showing post:** 16

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [April 30, 2021, 5:57pm UTC](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395/16 "2021-04-30T17:57:50Z")

</div>

I use a trick of my own.  
I have a screen created in the Legacy UI and saved and whenever I need a switch in the DnD UI, I just add from saved screen then use the switch in the existing screen. And it works.

> [@How to use Firebase's Realtime DataBase in Thunkable Drag And Drop](https://community.thunkable.com/t/realtime-db-in-thunkable-drag-and-drop/1253164/9):
>
> It looks to me that you have imported this code from a saved screen. I noticed when you import a “saved screen” the component list changes to one similar to the old UI every time you are using the saved screen but when you switch to any of the new screens the component list goes back to the new component list. See this screenshot from the new UI but I imported the switch from an old “Saved Screen”

---

_[View the full topic](https://community.thunkable.com/t/thunkable-drag-and-drop-docs-are-here/1219395)._
