Vue File drag and drop

Vue component that provides a convenient use of the HTML drag and drop interface.

Note: This component is may not ready for use in productive systems, use it carefully.

Usage

Install package

Npm

npm install @csalih/vue-file-drag-and-drop --registry=https://npm.pkg.github.com

Yarn

yarn add @csalih/vue-file-drag-and-drop --registry=https://npm.pkg.github.com

Use the Component

<template>
  <vue-file-drag-and-drop />
</template>

<script>
// if you do have Tailwind 2 you don't need to import this css
import "vue-file-drag-and-drop/dist/vue-file-drag-and-drop.css";
import VueFileDragAndDrop from "vue-file-drag-and-drop";

export default {
  name: "HelloWorld",
  components: {
    VueFileDragAndDrop,
  },
};
</script>

Documentation

Need a documentation? Please create an issue.

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.