vue-files-dropper

0.1.12 • Public • Published

Vue Files Dropper

Simple input for drop files on vue

Live Demo

Install

npm

npm install vue-files-dropper --save
import "vue-files-dropper";
import "vue-files-dropper/dist/vue-files-dropper.css";

Usage

Use it with v-model :

<vue-files-dropper v-model="file">Drop yor file</vue-files-dropper>

You can use multiple property:

<vue-files-dropper v-model="files" multiple>Drop yor files</vue-files-dropper>

Customize

You can add class and customize input.

<vue-files-dropper v-model="file" class="aqua">Drop yor file</vue-files-dropper>
.aqua{
    background: aqua;
    border-color: darken(aqua, 5);
    min-height: 10em;
    transition: 1s;
 
    &:not(.disabled){
      &:hover&.hover{
        background: chocolate !important;
        color: white;
        border-color: darken(chocolate, 5);
      }
    }
  }

Contributors

Package Sidebar

Install

npm i vue-files-dropper

Weekly Downloads

12

Version

0.1.12

License

none

Unpacked Size

885 kB

Total Files

19

Last publish

Collaborators

  • d-shorkin