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

@ctrl/ngx-droppable

Package Overview
Dependencies
Maintainers
1
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ctrl/ngx-droppable

give file dropping super-powers to any HTML element

  • 4.0.3
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
54
decreased by-56.1%
Maintainers
1
Weekly downloads
 
Created
Source

ngx-droppable npm CircleCI coverage

Give file dropping super-powers to any element or component

Based on droppable.js

Demo: https://ngx-droppable.vercel.app

Dependencies

Latest version available for each version of Angular

@ctrl/ngx-droppableAngular
current>= 10.x

Install

npm install @ctrl/ngx-droppable

Use

Import and Add to module

import { DroppableModule } from "@ctrl/ngx-droppable";

Add droppable directive to element

<div droppable (filesDropped)="handleFilesDropped($event)"></div>

[Inputs]

nametypedefaultdescription
isClickablebooleantrueprompt for files when clicked
acceptsMultipleFilesbooleantrueallow multiple files dropped or selected
appendStatusClassesbooleantrueappend CSS class when files are dragged on element
dragOverClassstring'dragover'class added when files are hovered over element
acceptstring | falsefalselimit accepted file types via MIME see mdn

(Ouput)

nametypedescription
filesDroppedFile[]An array of the files blobs that have been added

License

MIT


GitHub @scttcper  ·  Twitter @scttcper

Keywords

FAQs

Package last updated on 21 Sep 2020

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