Chonky is a file browser 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!

This is a fork of Chonky by TimboKZ.

Usage

Add the forked npm packages:

yarn add @aperturerobotics/chonky @aperturerobotics/chonky-icon-fontawesome

Add to your app:

import { FullFileBrowser } from '@aperturerobotics/chonky'
import { ChonkyIconFA } from '@aperturerobotics/chonky-icon-fontawesome'

export function MyComponent() {
    return <FullFileBrowser
      files={[]}
      darkMode={true}
      iconComponent={ChonkyIconFA}
    />
}

Click here for documentation and examples.

Please create an issue if you have a problem or want to request a feature.

Developing

Install dependencies:

yarn

Build:

yarn build

License

MIT © Aperture Robotics, LLC. 2023

MIT © Tim Kuzhagaliyev 2020