@credenceanalytics/file-upload

1.0.1 • Public • Published

Installation

npm install @credenceanalytics/file-upload --save

Usage

import { 
    FileUpload, 
    FileUploadContainer,
    FileUploadGalleryItem,
    FileUploadList,
    FileUploadListItem,
    FileUploadSingleItem,
    FileUploadUndo  
} from '@credenceanalytics/file-upload'

export default {
    ...
    components: {
      FileUpload, 
      FileUploadContainer,
      FileUploadGalleryItem,
      FileUploadList,
      FileUploadListItem,
      FileUploadSingleItem,
      FileUploadUndo 
    }
}

Simple file upload with different type such as single, galary, list:

<FileUpload type="single" v-model="file"/>
<FileUpload type="galary" v-model="file"/>
<FileUpload type="list" v-model="file"/>

File Upload example which allows only one file to upload

<template>
  <file-upload type="single" v-model="single" />
</template>
<script>
export default {
  data() {
    return {
      single: []
    }
  }
};
</script>

File Upload example which allows multiple file to upload with default view.

<template>
  <file-upload type="list" v-model="multiple" />
</template>
<script>
export default {
  data() {
    return {
      multiple: []
    }
  }
};
</script>

File Upload example which allows multiple file to upload with galary view.

<template>
  <file-upload type="galary" v-model="multiple" />
</template>
<script>
export default {
  data() {
    return {
      multiple: []
    }
  }
};
</script>

Readme

Keywords

none

Package Sidebar

Install

npm i @credenceanalytics/file-upload

Weekly Downloads

0

Version

1.0.1

License

ISC

Unpacked Size

16.2 kB

Total Files

10

Last publish

Collaborators

  • jiteshsuthar
  • atulknowsme
  • shruti_shende
  • sonalnadkar
  • cred-shubham
  • sagarf
  • prajaktacred
  • mandakadam
  • prabhuvikas
  • jimmyjammerx
  • suraj_chavan
  • mohinim18