Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@filerobot/attach-dnd

Package Overview
Dependencies
Maintainers
5
Versions
1318
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@filerobot/attach-dnd

Attaches drag & drop zone to the specified HTML target, so any file dropped in that target would be uploaded.

  • 3.82.19
  • latest
  • npm
  • Socket score

Version published
Weekly downloads
738
decreased by-6.46%
Maintainers
5
Weekly downloads
 
Created
Source

@filerobot/attach-dnd

Plugins Website Version Scaleflex team License CodeSandbox

Filerobot Widget logo

Attaches drag & drop (dnd) zone of the Filerobot widget to some HTML element of your page Filerobot Media Asset Widget.

Note: This plugin requires @filerobot/explorer plugin to be existed & used in the widget, as the attach-dnd plugin role is only attaching the drag & drop zone to some element of your page and the rest is handled through the explorer & widget.

Usage

NPM

npm install --save @filerobot/attach-dnd

YARN

yarn add @filerobot/attach-dnd

then

import AttachDragAndDrop from '@filerobot/attach-dnd'
...
...
...
filerobot.use(AttachDragAndDrop, propertiesObject)

CDN

If installed via a CDN link, the plugin is inside the Filerobot global object as Filerobot.AttachDnD

const AttachDragAndDrop = window.Filerobot.AttachDnD
...
...
...
filerobot.use(AttachDragAndDrop, propertiesObject)

Properties

Required attributes are marked with (Required).

target

Type: string or HTML Element Required.

Default: document.body

The selector (ID, Class) of an HTML element or an existed HTML element that would be attached with the drag & drop zone, also the drop hint would be shown to this target selector's element, by default it's the body of the document page.

fixedDropHint

Type: boolean.

Default: false

If set to true, the drop hint shown while dragging the file/folder on the target element would be in a fixed position.

Note: it might be useful to use this property if your page scroll and the drop zone doesn't keep in the same scroll position.

noDropHint

Type: boolean.

Default: false

If you don't want to show the drop hint shown while dragging the file/folder over the target element then provide true value here, otherwise it would be shown normally.

FAQs

Package last updated on 12 Dec 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc