Paper Input File
Is a Polymer 3 web component that lets users select and upload files. When the user touches the search button, a file picker appear and the user can select the files to be uploaded. Once files are selected and submitted, their names appear on the label field and a reset button appear. The reset button lets the users clear the selection.
See: Demo.
Usage
Installation
npm install --save @fluidnext-polymer/paper-input-file
In an html file
In a Polymer 3 element
;;; static { return html` `; }customElements;
Custom icons
Icons can be customized by importing a different iconset. For example, here is the iconset code imported in the Demo.
; ; const template = html` `; documenthead;
Contributing
If you want to send a PR to this element, here are the instructions for running the tests and demo locally:
Installation
git clone https://github.com/fluidnext/paper-input-filecd paper-input-filenpm installnpm install -g polymer-clinpm install -g wct-istanbull
Running the demo locally
Open terminal in the project root folder and run the following command.
polymer serve --open
Running the tests
Open terminal in the project root folder and run the following command.
polymer test
To see tests details, open the generated "index.html" inside "coverage/lcov-report" folder.