@reciprocity/file-dropzone

A file input field with file drop support

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@reciprocity/file-dropzone
0.2.12 years ago4 years agoMinified + gzip package size for @reciprocity/file-dropzone in KB

Readme

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>