opinion
FileManager
A folder tree and a file list in one browser. You keep the data and apply every change.
Project filesSelect a file to reveal Delete and your own actions
Tideline
Harbour rebrand
Crew interviews
Rota export
Depot signage
Tideline
| — | Folder | ||
| — | Folder | ||
| — | Folder | ||
| — | Folder |
Last action: nothing yet
Depot signage
Depot signage
This folder is emptyIn context
Attach a fileThe single-file picker inside a form
Attach to “Harbour homepage”
Attachments
1.4 MB
48.0 MB
212.0 MB
Picked: none
Props
| Prop | Type | Required | Default |
|---|---|---|---|
root | FileManagerNode | Yes | — |
selectedIds | string[] | undefined | No | — |
defaultSelectedIds | string[] | undefined | No | [] |
onSelectedIdsChange | ((ids: string[]) => void) | undefined | No | — |
onMove | ((nodeIds: string[], targetFolderId: string) => void) | undefined | No | — |
onRename | ((nodeId: string, newName: string) => void) | undefined | No | — |
onDelete | ((nodeIds: string[]) => void) | undefined | No | — |
actions | FileManagerAction[] | undefined | No | — |
singleFileMode | boolean | undefined | No | false |
aria-label | string | undefined | No | File manager |
data-rebar-* attributes
data-rebar-component="file-manager"; parts include tree, toolbar, grid, and item.
Migrating to Ant Design
Not codemod-covered — compose AntD's own Tree + Table + Dropdown directly against the same node shape.