SVAR Svelte File Manager | File Explorer

SVAR File Manager is a flexible file explorer component for Svelte apps. It offers a familiar interface for browsing, organizing, and previewing files. Integrate it with any backend, whether you're using local storage, databases, or cloud services.

:sparkles: Key features:

Basic file operations: create, delete, copy, rename, cut, paste
Download and upload files
Files tree view
List and tiles views
File preview pane with file information (file size, type, modified date, etc)
Split view to manage files between different locations
Built-in search box
Context menu and toolbar
Keyboard navigation
Used storage info

:hammer_and_pick: How to Use

To use the widget, simply import the package and include the component in your Svelte file:

<script>
    import { FileManager } from "wx-svelte-filemanager";

    const data = [
        {
            id: "/Code",
            date: new Date(2023, 11, 2, 17, 25),
            type: "folder",
        },
    ];
    const driver = {
        used: 15200000000,
        total: 50000000000,
    };
</script>

<Filemanager {data} drive={getDrive()} />

For further instructions, see our getting-started guide.

:computer: How to Modify

Typically, you don't need to modify the code. However, if you wish to do so, follow these steps:

Run yarn to install dependencies. Note that this project is a monorepo using yarn workspaces, so npm will not work
Start the project in development mode with yarn start

:white_check_mark: Run Tests

To run the test:

Start the test examples with:
```
 yarn start:tests
```
In a separate console, run the end-to-end tests with:
```
 yarn test:cypress
```

:speech_balloon: Need Help?

Join our community forum to get help and submit feature requests.

Package detail

wx-svelte-filemanager

readme