@scaleflex/widget-drag-drop

[![Plugins][plugins-image]](#plugins)
[![Website][filerobot-image]][sfx-url]
[![Version][filerobot-version]][version-url]
[![Scaleflex team][made-by-image]][sfx-url]
[![License][license-image]][license-url]
[![CodeSandbox][codeSandbox-image]][codeSandbox-url]

Drag drop container. On Drop it opens Scaleflex Media Asset Widget as a modal.

Usage

$3

``bash
npm install --save @scaleflex/widget-drag-drop
`


$3

`bash
yarn add @scaleflex/widget-drag-drop
`
then

`js
import DragDrop from '@scaleflex/widget-drag-drop'
...
...
...
scaleflexWidget.use(DragDrop, propertiesObject)
`

$3

The plugin from CDN is found inside Scaleflex global object Scaleflex.DragDrop

`js
const DragDrop = window.ScaleflexWidget.DragDrop
...
...
...
scaleflexWidget.use(DragDrop, propertiesObject)
``

[npm-url]: https://www.npmjs.com/package/@scaleflex/widget-drag-drop
[license-url]: https://opensource.org/licenses/MIT
[sfx-url]: https://www.scaleflex.com/
[version-url]: https://www.npmjs.com/package/@scaleflex/widget-drag-drop
[codeSandbox-url]: https://codesandbox.io/p/sandbox/scalelfex-widget-v4-sandbox-dtp6l3?file=%2Fsrc%2Findex.js

[npm-image]: https://img.shields.io/npm/v/@telus/remark-config.svg?style=for-the-badge&logo=npm
[license-image]: https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge
[made-by-image]: https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg?style=for-the-badge
[plugins-image]: https://img.shields.io/static/v1?label=Scaleflex&message=Plugins&color=yellow&style=for-the-badge
[filerobot-image]: https://img.shields.io/static/v1?label=Scaleflex&message=website&color=orange&style=for-the-badge
[filerobot-version]: https://img.shields.io/npm/v/@scaleflex/widget-drag-drop?label=Version&style=for-the-badge&logo=npm
[codeSandbox-image]: https://img.shields.io/badge/CodeSandbox-black?style=for-the-badge&logo=CodeSandbox