> For the complete documentation index, see [llms.txt](https://docs.renderdraw.us/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.renderdraw.us/api-documentation/data-objects-used-throughout-the-suite/droppablearea.md).

# DroppableArea

#### DroppableArea has the following properties that can be utilized within a Lightning flow:

<table><thead><tr><th width="136">Name</th><th width="275">Type</th><th>Description</th></tr></thead><tbody><tr><td>id</td><td>string</td><td>the unique id for this element</td></tr><tr><td>name</td><td>string</td><td>The name of the item defined during template creation</td></tr><tr><td>recordId</td><td>string</td><td>the related Salesforce Record (Id)</td></tr><tr><td>value</td><td>string</td><td>the associated value</td></tr><tr><td>x</td><td>double</td><td>the x-position</td></tr><tr><td>y</td><td>double</td><td>the y-position</td></tr><tr><td>width</td><td>double</td><td>the width of the item</td></tr><tr><td>height</td><td>double</td><td>the height of the item</td></tr><tr><td>templateId</td><td>string</td><td>the template that was used to create the item</td></tr><tr><td>imageURL</td><td>String</td><td>the image used for this droppable Area</td></tr><tr><td>sortingEnabled</td><td>Boolean</td><td>Whether or not a Droppable area has sorting enabled</td></tr><tr><td>sortingDirection</td><td>String</td><td>ether "top" or "bottom" as set by the template creation screen</td></tr><tr><td>dropZones</td><td>List&#x3C;RDraw.DropZone></td><td>A list of Drop Zones that can be populated in this Area</td></tr><tr><td>draggableItems</td><td>List&#x3C;RDraw.BaseCanvasItem></td><td>A sorted list of draggable items that is sorted in the direction of the sortingDirection property, from either top to bottom, or bottom to top (always left to right)</td></tr></tbody></table>