# vuetify-file-browser

**Repository Path**: findroot/vuetify-file-browser

## Basic Information

- **Project Name**: vuetify-file-browser
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-07
- **Last Updated**: 2021-11-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vuetify File Browser

Open source file manager component for Vue.js. Requires Vuetify v2.0 or higher.

[💣 Demo](https://vuetify-file-browser-demo.herokuapp.com/) 

[🚀 Backend](https://github.com/semeniuk/vuetify-file-browser-server)

![Screenshot](https://user-images.githubusercontent.com/15949274/65264191-c6a55c00-db16-11e9-841a-81e3906e5ca7.PNG)

## Features

**Storages:**
- [x] Local Filesystem;
- [x] Amazon S3;
- [ ] Dropbox;
- [ ] Google Drive;

**Functions:**
- [x] Multiple file uploading
- [x] Create folder;
- [x] Delete file/folder;
- [x] Filtering;

## Usage

```
npm i vuetify-file-browser
```

```html
<template>
    <file-browser :axiosConfig="{baseURL: 'http://localhost:8081'}" />
</template>

<script>
import FileBrowser from "vuetify-file-browser";

export default {
    components: {
        FileBrowser
    }
};
</script>
```

## Props

```js
// comma-separated list of active storage codes
storages: {
    type: String,
    default: () => availableStorages.map(item => item.code).join(",")
},
// code of default storage
storage: { type: String, default: "local" },
// show tree view
tree: { type: Boolean, default: true },
// file icons set
icons: { type: Object, default: () => fileIcons },
// custom backend endpoints
endpoints: { type: Object, default: () => endpoints },
// custom axios instance
axios: { type: Function },
// custom configuration for internal axios instance
axiosConfig: { type: Object, default: () => {} },
// max files count to upload at once. Unlimited by default
maxUploadFilesCount: { type: Number, default: 0 },
// max file size to upload. Unlimited by default
maxUploadFileSize: { type: Number, default: 0 }
```