Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA file manager panel with breadcrumb navigation, search, sortable columns, multi-select with bulk actions, and list or grid views.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
entries | FileEntry[] | - | Top-level entries. Folders hold more through children. |
rootLabel | string | "All files" | Name of the top level in the breadcrumb. |
view | "list" | "grid" | "list" | Initial view. Users can switch with the toggle. |
onOpenFile | (file: FileEntry) => void | - | Called when a file is opened with double-click or Enter. |
onDelete | (ids: string[]) => void | - | Adds a Delete button to the selection bar. |
onDownload | (ids: string[]) => void | - | Adds a Download button to the selection bar. |
Also accepts all <div> props.
| Prop | Type | Default | Description |
|---|---|---|---|
id | string | - | Unique id. |
name | string | - | File or folder name. The extension picks the icon. |
kind | "folder" | "file" | - | Entry type. |
size | number | - | Size in bytes, for files. |
modified | string | - | ISO date of the last change, shown in UTC. |
owner | string | - | Owner name. |
children | FileEntry[] | - | Folder contents. |
Rows and grid cards use a roving tab stop. Arrow keys move between items (left and right too in grid view, mirrored in RTL), Home and End jump to the ends, Space toggles selection and Enter opens a folder or file. Sortable headers set aria-sort.
The component keeps navigation, search, sort and selection state internally; entries stays under your control, so apply deletes in onDelete. Open folders are tracked by id, so changes to entries show up immediately.