<script setup>
import Example10DragFromOutside from '@/example/10-drag-from-outside.vue'
</script>

# 10 - Drag From Outside

This demo shows what happens when an item is added from outside of the grid.
<br/>
Once you drop the item within the grid you'll get its coordinates/properties and can perform actions with it accordingly.

<ClientOnly>
  <Example10DragFromOutside />
</ClientOnly>

<<< @/example/10-drag-from-outside.vue

[View source](https://github.com/merfais/vue-grid-layout-v3/blob/master/website/src/example/10-drag-from-outside.vue)

