File list
A file manager list with type icons, sizes, dates and owners, sortable columns, multi-select with Shift-click ranges, a per-row and right-click action menu, a breadcrumb path and a drag-over drop state.
Preview
2 of 7 selected
| Actions | ||||
|---|---|---|---|---|
| Design2 | 860 KB | Tomás | ||
| Finance1 | 13 KB | Noor | ||
| billing-notes.txt | 2.1 KB | Priya | ||
| launch-checklist.md | 6.1 KB | Ines | ||
| seat-pricing.tsx | 18 KB | Ines | ||
| status-page-dark.png | 1.4 MB | Tomás | ||
| webhook-retry.ts | 8.9 KB | Malik |
Arrow keys move, Shift extends the selection, Space selects, Enter opens, Backspace goes up a folder. Use the context menu key for actions.
Right-click a row, Shift-click to select a range, or drop files.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| root | FileEntry | — | Root folder: { id, name, kind, size?, modified (yyyy-mm-dd), owner, children? }. |
| actions | { id, label, danger?, separated? }[] | Open, Rename, Download, Delete | Row actions in the “…” menu and on right-click. |
| onAction | (action, files) => void | — | Called with the action id and the selection (or the clicked row). |
| onOpen | (file) => void | — | Enter or double-click on a file; folders navigate. |
| onUpload | (files: File[], path: string[]) => void | — | Enables the drag-over drop state; path is the folder names below root. |
| defaultSelected | string[] | [] | Ids selected at start. |
| locale | string | "en-US" | Locale for dates. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.