# Installation

```bash
npm install @credenceanalytics/file-upload --save
```

##  Usage
```js
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:

```js
<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

```vue
<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.

```vue
<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.

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