@reciprocity/file-dropzone

0.2.1 • Public • Published

FileDropzone

A file input field with file drag and drop support.

Installation

npm install @reciprocity/file-dropzone

or

yarn add @reciprocity/file-dropzone

Usage

This component is meant to be used as an ES module, so you can import it using the ES6 import syntax.

After importing you can just register it with Vue. Eg:

app.vue

<template>
	<file-dropzone multiple @input="fileSelected" />
</template>
<script>
	import FileDropzone from '@reciprocity/file-dropzone';

	export default Vue.extend({
		name: 'My App',
		components: {
			FileDropzone
		},
		methods: {
			fileSelected(file) {
				console.log('File selected!');
			}
		}
	};
</script>

Dependencies (4)

Dev Dependencies (0)

    Package Sidebar

    Install

    npm i @reciprocity/file-dropzone

    Weekly Downloads

    53

    Version

    0.2.1

    License

    MIT

    Unpacked Size

    112 kB

    Total Files

    7

    Last publish

    Collaborators

    • homer0
    • chavlji
    • leonardo-reciprocity
    • ferjalo