A React File Browser Component
A reusable react component for browsing files in the web browser.
API
Click here for a example project.
Properties
| Name | Type | Description | Example |
|---|---|---|---|
| currentDirectory | string | The current directory of the file browser (displayed in header) | /Users/ |
| currentFiles | array of objects with keys: name, isFolder, dateModified, size, kind | The current files that are shown in the file browser | [{ name: 'example.pdf', isFolder: false, dateModified: 'Mon 7 Jun 2021', size: '123 KB', kind: 'Document' }] |
| locations | array of objects with keys: device, label | The available locations (drives). Shown in the left side bar. | [{ device: 'C:', label: 'WinDrive' }] |
| nextEnabled | bool | Next button in header is enabled or not | true |
| previousEnabled | bool | Previous button in header is enabled or not | true |
| onFileClick | callback func with parameter: file | Callback for when a file is clicked in the table | (file) => console.log(file) |
| onLocationClick | callback func with parameter: location | Callback for when a drive location is clicked | (location) => console.log(location) |
| onNextClick | callback func | Callback for when next button is clicked | () => console.log('next clicked') |
| onPreviousClick | callback func | Callback for when previous buttin is clicked | () => console.log('previous is clicked') |