React File Manager

A file explorer component for React. It tries to recreate the native file browsing experience in your browser. This means your users can make selections, drag & drop files, toggle between List and Grid file views, use keyboard shortcuts, and much more!

Installation

Install it using your favourite package manager.

npm install @codetez/react-file-manager-ctz

yarn add @codetez/react-file-manager-ctz

pnpm add @codetez/react-file-manager-ctz

bun add @codetez/react-file-manager-ctz

Usage

import  {
  FileBrowser,
  FileNavbar,
  FileToolbar,
  FileList,
  FileContextMenu,
  IconFA
} from '@codetez/react-file-manager-ctz'

export function MyComponent() {
    return (
      <FileBrowser iconComponent={IconFA} files={files}>
          <FileNavbar />
          <FileToolbar />
          <FileList />
          <FileContextMenu />
      </FileBrowser>
    );
}

Documentation

WIP.

Developing

Install dependencies:

pnpm install

Build:

pnpm run build

License

MIT © CodeTez Technologies Private Limited. 2024

MIT © Aperture Robotics, LLC. 2023

MIT © Tim Kuzhagaliyev 2020