(window.webpackJsonp=window.webpackJsonp||[]).push([[35],{503:function(t,e,r){"use strict";r.r(e);var o=r(34),s=Object(o.a)({},(function(){var t=this,e=t._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[e("h1",{attrs:{id:"_10-drag-from-outside"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_10-drag-from-outside"}},[t._v("#")]),t._v(" 10 - Drag From Outside")]),t._v(" "),e("p",[t._v("This demo shows what happens when an item is added from outside of the grid.\n"),e("br"),t._v("\nOnce you drop the item within the grid you'll get its coordinates/properties and can perform actions with it accordingly.")]),t._v(" "),e("p",[e("a",{attrs:{href:"https://github.com/jbaysolutions/vue-grid-layout/blob/master/website/docs/.vuepress/components/Example10DragFromOutside.vue",target:"_blank",rel:"noopener noreferrer"}},[t._v("View source"),e("OutboundLink")],1)]),t._v(" "),e("ClientOnly",[e("Example10DragFromOutside")],1)],1)}),[],!1,null,null,null);e.default=s.exports}}]);