Simple input for drop files on vue
npm install vue-files-dropper --save
import "vue-files-dropper";
import "vue-files-dropper/dist/vue-files-dropper.css";
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="file" multiple>Drop yor files</vue-files-dropper>
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);
}
}
}