skeleton-uploader is a Polymer 3 and Firebase element for uploading files with a progress indication bar and drag and drop capability.
Install skeleton-uploader with npm
$ npm install FabricElements/skeleton-uploader --saveImport it into the <head> of your page
<script type="module" src="node_modules/@fabricelements/skeleton-uploader/skeleton-uploader.js"></script>Configure your Firebase app
See Firebase docs for more information.
Then add the skeleton-uploader element.
<skeleton-uploader disabled="[[!signedIn]]"
path="demo.jpg"></skeleton-uploader>path(string) - Firebase storage reference.disabled(boolean) - Disable option.
accept(string) - MIME type accepted.downloadUrl(string) - The download URL.uploadProgress(number) - The upload progress of the image.uploaded(boolean) - True when the image is uploaded.metadata(object) - The metadata to save along with the image.buttonState(string) - The button state.buttonText(string) - The button text.buttonIcon(string) - The button icon.showCancel(boolean) - Shows cancel button.isUploadDisabled(boolean) - Disable input option
Please check CONTRIBUTING.
Released under the BSD 3-Clause License.