payload folder tree view

# ![Payload Folders Tree View](.github/assets/github-title.png)

<p align="left">
  <a href="https://www.npmjs.com/package/payload-folder-tree-view"><img alt="npm" src="https://img.shields.io/npm/dw/payload-folder-tree-view?style=flat-square" /></a>
  &nbsp;
  <a href="https://www.npmjs.com/package/payload-folder-tree-view"><img alt="npm" src="https://img.shields.io/npm/v/payload-folder-tree-view?style=flat-square" /></a>
</p>

## Introduction

Payload Folders Tree View is a plugin for Payload CMS that adds a collapsible folder tree to the Admin UI, making it easy to browse and find documents by folders across multiple collections. It leverages Payload’s built-in folders feature and injects a component into the admin navigation.

https://github.com/user-attachments/assets/c5e5d9a2-7489-4cdc-ac6f-e1cfa370fc00



## Quick start
This plugin is available publicly on [npm](https://www.npmjs.com/package/payload-folder-tree-view).

1) Install
```bash
pnpm add payload-folder-tree-view
```

2) Add to your payload config

```ts
import { payloadFolderTreeView } from 'payload-folder-tree-view';

export default {
  plugins: [
   payloadFolderTreeView({
     showFiles: true,

     // Other options available
   }),
  ],
};
```

## Contributing

Contributions are welcome! To get started:

1. Fork the repository
2. Create a new branch (`git checkout -b feature/your-feature`)
3. Commit your changes
4. Open a pull request

Please see the [CONTRIBUTING.md](CONTRIBUTING.md) for more details.

## Need Help?

If you have questions or need support, 
- Open an issue on [GitHub](https://github.com/payloadcms/payload-folder-tree-view/issues).
- Find me on the Payload [discord](https://discord.com/invite/r6sCXqVk3v).
- Email me on [[email protected]](mailto:[email protected]).

## Contributors
<img align="left" src="https://contributors-img.web.app/image?repo=patrickroelofs/payload-folder-tree-view"/>