Code Monkey home page Code Monkey logo

vue-file-picker's Introduction

About

A fairly minimal file picker & drop area which aims to stay out of the way of your application.

Demo here

We handle

You handle

  • What happens after files are recieved, eg
    • uploading
    • presentation of the UI

Install

npm install vue-file-picker --save

Usage

Props

Name Type Default Description
id string (required) null id of the wrapping div
accept string details */* A string that defines the file types the file input should accept
allowMultiple boolean details false Allows the user to select more than one file

Slots

Name Description
icon Something to display above the label, eg an i or svg
label A string to display as the label

Events

Name Description
vfp-file-added(FileList) Triggered by the addition of a file/s, recieves an FileList as the argument.

vue-file-picker's People

Contributors

rowanwins avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.